Android簡潔實現在RecyclerView中購物車加減功能

前言

購物車數量加減功能,在網上沒找到合適的,所以就自己簡單的寫了一個,幾行代碼實現,記錄一下,方便自己以后的使用,同時也希望可以幫助有需要的朋友。


首先看設計界面

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布局文件,關鍵布局如下

![2.png](http://upload-images.jianshu.io/upload_images/3843716-2291dbefc6319c07.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

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
}

完結

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容