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布局文件,关键布局如下


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
}

---

完结