前言
購物車數(shù)量加減功能，在網(wǎng)上沒找到合適的绎谦，所以就自己簡單的寫了一個(gè)管闷，幾行代碼實(shí)現(xiàn)，記錄一下窃肠，方便自己以后的使用包个，同時(shí)也希望可以幫助有需要的朋友。
首先看設(shè)計(jì)界面
gouwuche.png
<ol>
<li>界面共有三種狀態(tài)變化</li>
<ul>
<li>加減中的數(shù)量變化</li>
<li>底部總價(jià)格的變化</li>
<li>加減背景顏色的變化(0的時(shí)候淺色造成不可點(diǎn)擊的視覺效果)</li>
</ul>
</ol>
最終實(shí)現(xiàn)的效果
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布局文件,關(guān)鍵布局如下
3.開始實(shí)現(xiàn)加減和總價(jià)格的聯(lián)動(dòng)變化
- 第一步先為RecyclerView設(shè)置適配器碧囊，然后再adapter中的onBindViewHolder中為加和減布局設(shè)置監(jiān)聽事件以及加和減的背景變化設(shè)置
//點(diǎn)擊加按鈕的事件
holder.addition_ll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
onAddition(holder);
}});
//點(diǎn)擊減按鈕的事件
holder.subtraction_ll.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//首先判斷中間數(shù)字是否大于0,不是的話,改變減號背景不做操作
onSubtraction(holder);
}});
/** * 變成淺色，表明形成不可點(diǎn)擊狀態(tài) */
public void noClickbg(LinearLayout view) {
view.setBackgroundResource(R.drawable.subtraction);
}
/** * 變成灰色纤怒，表明形成可點(diǎn)擊狀態(tài) */
public void onClickbg(LinearLayout view) {
view.setBackgroundResource(R.drawable.addition);
}
/** * String 轉(zhuǎn)換int */
public int toInt(String tostring) {
return Integer.parseInt(tostring);
}
- 第二步在Adapter中為activity設(shè)置回調(diào)接口用來監(jiān)聽數(shù)字變化計(jì)算總價(jià)格
public interface NumberCallback {
// 給Activity提供數(shù)字變化后的回調(diào)接口
//@param number 數(shù)量
// @param price 單價(jià)
//點(diǎn)擊加時(shí)候監(jiān)聽
void numberaddLoad(int number, int price);
//點(diǎn)擊減時(shí)候監(jiān)聽
void numbersubLoad(int number, int price);
}
- 第三步實(shí)現(xiàn)加和減的方法onAddition和onSubtraction
/** * 添加數(shù)量 */
private synchronized void onAddition(HpNumberViewholder holder) {
onClickbg(holder.subtraction_ll);
//得到當(dāng)前購物車數(shù)量糯而，然后加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()));
}}
/** * 減數(shù)量 */
private synchronized void onSubtraction(HpNumberViewholder holder) {
//判斷當(dāng)前的數(shù)量，如果是不大于0則不做任何處理
if (toInt(holder.hp_number_tv.getText().toString()) > 0) {
int i = toInt(holder.hp_number_tv.getText().toString());
//如果是0泊窘，把減號的背景變淺熄驼，形成不可點(diǎn)擊狀態(tài)
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中設(shè)置監(jiān)聽，并改變底部的總價(jià)格
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("合計(jì):" + getBlueText("" + num)));
}
@Override
public void numbersubLoad(int number, int price) {
num = num - (price * number);
hp_priace_tv.setText(Html.fromHtml("合計(jì):" + getBlueText("" + num)));
}
};
/** * 為字符串加紅色 * * @param string * @return */
private String getBlueText(String string) {
return String.format("<font color=\"#ff5a5f\">%s</font>", string); // string 會(huì)替換 %s
}
