前言
購物車數量加減功能,在網上沒找到合適的,所以就自己簡單的寫了一個,幾行代碼實現,記錄一下,方便自己以后的使用,同時也希望可以幫助有需要的朋友。
首先看設計界面
gouwuche.png
<ol>
<li>界面共有三種狀態變化</li>
<ul>
<li>加減中的數量變化</li>
<li>底部總價格的變化</li>
<li>加減背景顏色的變化(0的時候淺色造成不可點擊的視覺效果)</li>
</ul>
</ol>
最終實現的效果
number.gif
開始編碼
1.首先我們自定義加減的矩形背景顏色(- subtraction,+ addition),有2dp的圓角
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle">
//subtraction 資源
<solid android:color="#fbfbfb" />
<corners android:radius="2dp" />
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp">
</padding>
</shape>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
//addition資源
<solid android:color="#f5f5f5" />
<corners android:radius="2dp" />
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp"></padding></shape>
2.在自定義RecyclerView的Item布局文件,關鍵布局如下

3.開始實現加減和總價格的聯動變化
- 第一步先為RecyclerView設置適配器,然后再adapter中的onBindViewHolder中為加和減布局設置監聽事件以及加和減的背景變化設置
//點擊加按鈕的事件
holder.addition_ll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
onAddition(holder);
}});
//點擊減按鈕的事件
holder.subtraction_ll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//首先判斷中間數字是否大于0,不是的話,改變減號背景不做操作
onSubtraction(holder);
}});
/** * 變成淺色,表明形成不可點擊狀態 */
public void noClickbg(LinearLayout view) {
view.setBackgroundResource(R.drawable.subtraction);
}
/** * 變成灰色,表明形成可點擊狀態 */
public void onClickbg(LinearLayout view) {
view.setBackgroundResource(R.drawable.addition);
}
/** * String 轉換int */
public int toInt(String tostring) {
return Integer.parseInt(tostring);
}
- 第二步在Adapter中為activity設置回調接口用來監聽數字變化計算總價格
public interface NumberCallback {
// 給Activity提供數字變化后的回調接口
//@param number 數量
// @param price 單價
//點擊加時候監聽
void numberaddLoad(int number, int price);
//點擊減時候監聽
void numbersubLoad(int number, int price);
}
- 第三步實現加和減的方法onAddition和onSubtraction
/** * 添加數量 */
private synchronized void onAddition(HpNumberViewholder holder) {
onClickbg(holder.subtraction_ll);
//得到當前購物車數量,然后加1
int i = toInt(holder.hp_number_tv.getText().toString());
holder.hp_number_tv.setText("" + (i + 1));
if (numberCallback != null) {
numberCallback.numberaddLoad(toInt(holder.hp_number_tv.getText().toString()) - i, toInt(holder.price_number.getText().toString()));
}}
/** * 減數量 */
private synchronized void onSubtraction(HpNumberViewholder holder) {
//判斷當前的數量,如果是不大于0則不做任何處理
if (toInt(holder.hp_number_tv.getText().toString()) > 0) {
int i = toInt(holder.hp_number_tv.getText().toString());
//如果是0,把減號的背景變淺,形成不可點擊狀態
if ((i - 1) == 0) {
noClickbg(holder.subtraction_ll);
}
holder.hp_number_tv.setText("" + (i - 1));
if (numberCallback != null) {
numberCallback.numbersubLoad(i - toInt(holder.hp_number_tv.getText().toString()), toInt(holder.price_number.getText().toString()));
}
}}
- 第四步在Activity中設置監聽,并改變底部的總價格
adapter.setNumberCallback(numberCallback);
HpNumberAdapter.NumberCallback numberCallback = new HpNumberAdapter.NumberCallback() {
@Override
public void numberaddLoad(int number, int price) {
num = num + (price * number);
hp_priace_tv.setText(Html.fromHtml("合計:" + getBlueText("" + num)));
}
@Override
public void numbersubLoad(int number, int price) {
num = num - (price * number);
hp_priace_tv.setText(Html.fromHtml("合計:" + getBlueText("" + num)));
}
};
/** * 為字符串加紅色 * * @param string * @return */
private String getBlueText(String string) {
return String.format("<font color=\"#ff5a5f\">%s</font>", string); // string 會替換 %s
}