仿淘宝购物车demo---增加和减少商品数量

    在上一篇博客中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们分享一下,如何实现淘宝购物车中增加和减少商品数量的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" >
    <!-- 整体布局,包括增加和减少商品数量的符号以及中间的商品数量 -->
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <!-- 减少商品数量的布局 -->
        <Button
            android:id="@+id/addbt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#0157D3"
            android:text="-">

        </Button>
        <!-- 商品数量的布局 -->
        <EditText
            android:id="@+id/edt"
            android:text="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

        </EditText>
        <!-- 增加商品数量的布局 -->
        <Button
            android:id="@+id/subbt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#0157D3"
            android:text="+">

        </Button>
        <!-- 显示商品数量的布局 -->
        <TextView
            android:id="@+id/ttt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

        </TextView>
    </LinearLayout>

</RelativeLayout>

   我们来看一下xml布局的页面会是什么样子的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; //数量

	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("-");

        //设置输入类型为数字
        edtNumber.setInputType(android.text.InputType.TYPE_CLASS_NUMBER);
        edtNumber.setText(String.valueOf(num));
        SetViewListener();
	}
	/**
	 * 设置文本变化相关监听事件
	 */
	private void SetViewListener()
	{
		btAdd.setOnClickListener(new OnButtonClickListener());
		btReduce.setOnClickListener(new OnButtonClickListener());
		edtNumber.addTextChangedListener(new OnTextChangeListener());
	}
	/**
	 * 加减按钮事件监听器
	 *
	 *
	 */
	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, "请输入一个大于0的数字",
								Toast.LENGTH_SHORT).show();
					} else
					{
						edtNumber.setText(String.valueOf(num));

					}
				} else if (v.getTag().equals("+"))
				{
					if (--num < 0)  //先减,再判断
					{
						num++;
						Toast.makeText(ShoppingCartItemActivity.this, "请输入一个大于0的数字",
								Toast.LENGTH_SHORT).show();
					} else
					{
						edtNumber.setText(String.valueOf(num));

					}
				}
			}
		}
	}

	/**
	 * EditText输入变化事件监听器
	 */
	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, "请输入一个大于0的数字",
							Toast.LENGTH_SHORT).show();
				} else
				{
					//设置EditText光标位置 为文本末端
					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)
		{

		}

	}

}

       最后,我们来看一下运行效果,如下图所示:
    

    小编寄语:该博文小编主要简单的介绍了淘宝中如何实现增加和减少商品数量的小例子,希望可以帮助到有需要的小伙伴们,还是那句话对于小编来说,既是挑战更是机遇,因为知识都是相通的,再者来说,在小编的程序人生中,留下最珍贵的记忆,虽然以后小编不一定从事安卓这个行业,代码世界里,很多种事,有的甜蜜,有的温馨,有的婉转成歌,有的绵延不息,在这些故事里,我们唯一的共通之处就是,某年,某月,某个波澜不惊的日子里,曾经很爱很爱你!爱你--这段实习的日子里,安卓带给小编的种种的惊喜。

时间: 2024-11-02 11:14:20

仿淘宝购物车demo---增加和减少商品数量的相关文章

Android实现的仿淘宝购物车demo示例_Android

本文实例讲述了Android实现的仿淘宝购物车.分享给大家供大家参考,具体如下: 夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添加不进去了,以前逛淘宝的时候,小编没有想过要怎么样实现购物车,就知道在哪儿一个劲儿的逛,但是现在不一样了,小编做为一个开发者,想的就是该如何实现,捣鼓了两天的时间,用listview来实现,已经有模有样了,现在小编就来

Android实现的仿淘宝购物车demo示例

本文实例讲述了Android实现的仿淘宝购物车.分享给大家供大家参考,具体如下: 夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添加不进去了,以前逛淘宝的时候,小编没有想过要怎么样实现购物车,就知道在哪儿一个劲儿的逛,但是现在不一样了,小编做为一个开发者,想的就是该如何实现,捣鼓了两天的时间,用listview来实现,已经有模有样了,现在小编就来

Android仿淘宝购物车demo

       夏的热情渐渐退去,秋如期而至,丰收的季节,小编继续着实习之路,走着走着,就走到了购物车,逛过淘宝或者是京东的小伙伴都知道购物车里面的宝贝可不止一件,对于爱购物的姑娘来说,购物车里面的商品恐怕是爆满,添加不进去了,以前逛淘宝的时候,小编没有想过要怎么样实现购物车,就知道在哪儿一个劲儿的逛,但是现在不一样了,小编做为一个开发者,想的就是该如何实现,捣鼓了两天的时间,用listview来实现,已经有模有样了,现在小编就来简单的总结一下实现购物车的心路历程,帮助有需要的小伙伴,欢迎小伙伴们

Android实现仿淘宝购物车增加和减少商品数量功能demo示例_Android

本文实例讲述了Android实现仿淘宝购物车增加和减少商品数量功能.分享给大家供大家参考,具体如下: 在前面一篇<Android实现的仿淘宝购物车demo示例>中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们

SSH框架实现仿淘宝购物demo

        还记得六月份实习的时候,曾经做过一个电商的项目,项目里面需要实现类似淘宝购物车的移动端的demo,随着项目的进行,再一次跟购物车碰面,但是今天呢,不是移动端的需求,如何使用SSH框架实现类似淘宝的购物车功能呢?包括如何添加到购物车,清空购物车等功能,那么购物车怎么玩儿呢?今天这篇博客,小编就简单的来总结一下如何使用SSH框架实现购物车,希望对有需要的小伙伴有帮助,博文中的不足之处,还请各位大神多多指教,小女子在此谢主隆恩.        第一步,购物车模块的实体的封装,两个实体一

原生js模拟淘宝购物车项目实战_javascript技巧

本文实例讲述了原生js模拟淘宝购物车实现代码.分享给大家供大家参考.具体如下: 通过JavaScript实现类似与淘宝的购物车效果,包括商品的单选.全选.删除.修改数量.价格计算.数目计算.预览等功能的实现.实现的效果图: 相应的代码: shoppingCart.html <!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>JavaScript实现购物车项

Android 仿淘宝、京东商品详情页向上拖动查看图文详情控件DEMO详解_Android

一.淘宝商品详情页效果 我们的效果 二.实现思路      使用两个scrollView,两个scrollView 竖直排列,通过自定义viewGroup来控制两个scrollView的竖直排列,以及滑动事件的处理.如下图 三.具体实现 1.继承viewGroup自定义布局View 重写onMeasure()和onLayout方法,在onLayout方法中完成对两个子ScrollView的竖直排列布局,代码如下: 布局文件: <RelativeLayout xmlns:android="h

仿淘宝商品详细页加入购物车效果

仿淘宝商品详细页加入购物车效果     goods.dwt页面  <a href="网页特效:addToCart({$goods.goods_id},0,1)"><img src="images/bnt_cat.gif" /></a>和默认的链接有点点区别 大家对比添加      要显示的层添加到这个叶面的底部 <div class="cartSure" id="cartSureBox"

求 商品规格选择-求JQ或JS仿淘宝商品详情选择规格颜色等功能

问题描述 求JQ或JS仿淘宝商品详情选择规格颜色等功能 选择要求:有几个属性,如 尺寸和颜色,尺寸:M.L.XL.XXL 等,颜色:黑色.白色.黄色.红色等,其每个属性都有关联,如 首选M,颜色除黑色或其他外都能选择:如首选 黄色,尺寸除XXL或其他外都能选择. 自己写的有问题.代码放上一部分.已生成的数组求值. HTML:↓ <div class="sys_item_spec"> <dl class="clearfix iteminfo_parameter