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

简介:     在上一篇博客中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了,本来想买一件来着,小手不小心抖了一下,把数量错点成了三个,这个时候就涉及到一个新的功能,那就是增加和减少商品的数量,今天这篇博文,小编就来和小伙伴们分享一下,如何实现淘宝购物车中增加和减少商品数量的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)
		{
			
		}
	
	}
	
}
       最后,我们来看一下运行效果,如下图所示:

    

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


目录
相关文章
|
数据可视化 Linux 开发者
Processing有哪些常见的用途或者优势呢
Processing有哪些常见的用途或者优势呢
718 0
|
存储 NoSQL Java
Java如何生成序列号/订单号
Java如何生成序列号/订单号
1461 0
|
10月前
|
存储 人工智能 安全
有奖体验 AI 模特换装,解锁电商视觉新体验
有奖体验 AI 模特换装,解锁电商视觉新体验
有奖体验 AI 模特换装,解锁电商视觉新体验
|
定位技术 索引
osgEarth使用笔记3——加载倾斜摄影数据
osgEarth使用笔记3——加载倾斜摄影数据
679 1
|
关系型数据库 MySQL 调度
【TiDB原理与实战详解】4、DM 迁移和TiCDC数据同步~学不会? 不存在的!
TiDB Data Migration (DM) 和 TiCDC 是两款用于数据库迁移和同步的强大工具。DM 支持将兼容 MySQL 协议的数据库(如 MySQL、MariaDB)的数据异步迁移到 TiDB 中,具备全量和增量数据传输能力,并能合并分库分表的数据。TiCDC 则专注于 TiDB 的增量同步,利用 TiKV 日志实现高可用性和水平扩展,支持多种下游系统和输出格式。两者均可通过 TiUP 工具进行部署与管理,简化了集群的安装、配置及任务管理过程。
|
存储 Web App开发 弹性计算
使用ECS和OSS搭建个人网盘
本场景将提供一台配置了Centos 7.7版本的ECS实例(云服务器)和对象存储OSS实例。通过本教程的操作,您可以基于ECS和OSS快速搭建一个个人网盘。
使用ECS和OSS搭建个人网盘
|
程序员
【汇编】Debug的使用
【汇编】Debug的使用
356 1
【汇编】Debug的使用
|
数据采集 机器人 数据挖掘
提升企业绩效!用八爪鱼RPA实现员工绩效考核的绝佳方法!
RPA机器人可以帮助客户完成考勤到业务系统下载考勤报告、数据分析透视和邮件发送等系列工作内容。凭借7x24小时的工作优势,帮助人力资源团队在每月、每季度重要节点高效完成工作,节省时间
|
XML Java BI
QMUILayout, 让 UI 开发更简单
在 Android UI开发过程中,我们会觉得非常繁琐的事情是什么呢?分隔线、圆角、边框、阴影、点击态等,在以往的实践中,我们都是通过 drawable 去实现的,非常麻烦。以分隔线为例,如果左右都打通,那还能复用,但现在的设计师都喜欢左边或右边有一定的 inset,而 inset 的值并非一成不变的,这不经意间就使得项目添加了数不清的 drawable,因此目前大多数人都开始尝试不使用 drawble 去解决这些问题了,QMUI 也不例外。
441 0
|
存储 数据采集 网络协议
【.NET6+Modbus】Modbus TCP协议解析、仿真环境以及基于.NET实现基础通信
随着工业化的发展,目前越来越多的开发,从互联网走向传统行业。其中,工业领域也是其中之一,包括各大厂也都在陆陆续续加入工业4.0的进程当中。
614 0
【.NET6+Modbus】Modbus TCP协议解析、仿真环境以及基于.NET实现基础通信