快捷導(dǎo)航

Android實(shí)現(xiàn)仿淘寶購物車增加和減少商品數(shù)量功能demo示例

更新時(shí)間：2016年07月09日 10:08:35 作者：丁國華

這篇文章主要介紹了Android實(shí)現(xiàn)仿淘寶購物車增加和減少商品數(shù)量功能,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)的淘寶購物車商品數(shù)量變換與計(jì)算相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了Android實(shí)現(xiàn)仿淘寶購物車增加和減少商品數(shù)量功能。分享給大家供大家參考，具體如下：

在前面一篇《Android實(shí)現(xiàn)的仿淘寶購物車demo示例》中，小編簡單的介紹了如何使用listview來實(shí)現(xiàn)購物車，但是僅僅是簡單的實(shí)現(xiàn)了列表的功能，隨之而來一個(gè)新的問題，買商品的時(shí)候，我們可能不止想買一件商品，想買多個(gè)，或許有因?yàn)槟撤N原因點(diǎn)錯(cuò)了，本來想買一件來著，小手不小心抖了一下，把數(shù)量錯(cuò)點(diǎn)成了三個(gè)，這個(gè)時(shí)候就涉及到一個(gè)新的功能，那就是增加和減少商品的數(shù)量，今天這篇博文，小編就來和小伙伴們分享一下，如何實(shí)現(xiàn)淘寶購物車中增加和減少商品數(shù)量的demo。

首先，我們來布局XML文件，具體代碼如下所示：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity" >
  <!-- 整體布局，包括增加和減少商品數(shù)量的符號(hào)以及中間的商品數(shù)量 -->
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <!-- 減少商品數(shù)量的布局 -->
    <Button
      android:id="@+id/addbt"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="#0157D3"
      android:text="-">
    </Button>
    <!-- 商品數(shù)量的布局 -->
    <EditText
      android:id="@+id/edt"
      android:text="0"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
    </EditText>
    <!-- 增加商品數(shù)量的布局 -->
    <Button
      android:id="@+id/subbt"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="#0157D3"
      android:text="+">
    </Button>
    <!-- 顯示商品數(shù)量的布局 -->
    <TextView
      android:id="@+id/ttt"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content">
    </TextView>
  </LinearLayout>
</RelativeLayout>

我們來看一下xml布局的頁面會(huì)是什么樣子的nie，如下圖所示：

接著，我們來編寫Java類里面的代碼，具體代碼如下所示：

package jczb.shoping.ui;
import android.R.string;
import android.app.Activity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
public class ShoppingCartItemActivity extends Activity {
  private Button btAdd, btReduce;
  private EditText edtNumber;
  int num=0; //數(shù)量
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_shoppingcart_item);
    btAdd=(Button)findViewById(R.id.cart_pro_reduce);
    btReduce=(Button) findViewById(R.id.cart_pro_add);
    edtNumber=(EditText) findViewById(R.id.cart_pro_count);
    btAdd.setTag("+");
    btReduce.setTag("-");
    //設(shè)置輸入類型為數(shù)字
    edtNumber.setInputType(android.text.InputType.TYPE_CLASS_NUMBER);
    edtNumber.setText(String.valueOf(num));
    SetViewListener();
  }
  /**
   * 設(shè)置文本變化相關(guān)監(jiān)聽事件
   */
  private void SetViewListener()
  {
    btAdd.setOnClickListener(new OnButtonClickListener());
    btReduce.setOnClickListener(new OnButtonClickListener());
    edtNumber.addTextChangedListener(new OnTextChangeListener());
  }
  /**
   * 加減按鈕事件監(jiān)聽器
   *
   *
   */
  class OnButtonClickListener implements OnClickListener
  {
    @Override
    public void onClick(View v)
    {
      String numString = edtNumber.getText().toString();
      if (numString == null || numString.equals(""))
      {
        num = 0;
        edtNumber.setText("0");
      } else
      {
        if (v.getTag().equals("-"))
        {
          if (++num < 0) //先加，再判斷
          {
            num--;
            Toast.makeText(ShoppingCartItemActivity.this, "請(qǐng)輸入一個(gè)大于0的數(shù)字",
                Toast.LENGTH_SHORT).show();
          } else
          {
            edtNumber.setText(String.valueOf(num));
          }
        } else if (v.getTag().equals("+"))
        {
          if (--num < 0) //先減，再判斷
          {
            num++;
            Toast.makeText(ShoppingCartItemActivity.this, "請(qǐng)輸入一個(gè)大于0的數(shù)字",
                Toast.LENGTH_SHORT).show();
          } else
          {
            edtNumber.setText(String.valueOf(num));
          }
        }
      }
    }
  }
  /**
   * EditText輸入變化事件監(jiān)聽器
   */
  class OnTextChangeListener implements TextWatcher
  {
    @Override
    public void afterTextChanged(Editable s)
    {
      String numString = s.toString();
      if(numString == null || numString.equals(""))
      {
        num = 0;
      }
      else {
        int numInt = Integer.parseInt(numString);
        if (numInt < 0)
        {
          Toast.makeText(ShoppingCartItemActivity.this, "請(qǐng)輸入一個(gè)大于0的數(shù)字",
              Toast.LENGTH_SHORT).show();
        } else
        {
          //設(shè)置EditText光標(biāo)位置 為文本末端
          edtNumber.setSelection(edtNumber.getText().toString().length());
          num = numInt;
        }
      }
    }
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count,
        int after)
    {
    }
    @Override
    public void onTextChanged(CharSequence s, int start, int before,
        int count)
    {
    }
  }
}

最后，我們來看一下運(yùn)行效果，如下圖所示：