美文网首页
购物车添加删除商品加减按钮

购物车添加删除商品加减按钮

作者: Beyond元元 | 来源:发表于2018-11-23 10:49 被阅读0次

现在越来越多的移动App涉及到商城相关的领域,说到商城,作为一个程序员不得不提到的就是商品的管理,添加,删除,话不多说,直接上图贴代码!

上图就是我们要实现的效果

正式开始我们的代码,以下就是关于自定义的代码

public class AddSubViewextends LinearLayoutimplements View.OnClickListener {

private int width;

    private int height;

    private int numlength;

    private int numwidth;

    private boolean isEdit;//是否可编辑

    private TextViewmTvAdd;

    private TextViewmTvSub;

    private TextViewmTvNum;

    private boolean setMaxNum =false;

    private boolean setMinNum =false;

    private int maxNum =99999;

    private int minNum =1;

    private AddSubClickListeneraddSubClickListener;

    public AddSubView(Context context) {

this(context, null);

    }

public AddSubView(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

    }

public AddSubView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

        init(context, attrs);

    }

private void init(Context context, AttributeSet attrs) {

TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AddSubView);

        width = typedArray.getDimensionPixelSize(R.styleable.AddSubView_add_sub_width, 20);

        numwidth = typedArray.getDimensionPixelSize(R.styleable.AddSubView_sum_widthh, 20);

        height = typedArray.getDimensionPixelSize(R.styleable.AddSubView_add_sub_height, 20);

        numlength = typedArray.getDimensionPixelSize(R.styleable.AddSubView_sum_height, 20);

        maxNum = typedArray.getDimensionPixelSize(R.styleable.AddSubView_max_sum, 99999);

        minNum = typedArray.getDimensionPixelSize(R.styleable.AddSubView_min_sum, 1);

        isEdit = typedArray.getBoolean(R.styleable.AddSubView_isedit, false);

        typedArray.recycle();

        initView(context);

    }

private void initView(Context context) {

View view = LayoutInflater.from(context).inflate(R.layout.add_sub_view, this);

        mTvAdd = view.findViewById(R.id.tv_add);

        mTvSub = view.findViewById(R.id.tv_sub);

        mTvNum = view.findViewById(R.id.tv_num);

        LayoutParams params =new LayoutParams(width, height);

        mTvAdd.setLayoutParams(params);

        mTvSub.setLayoutParams(params);

        mTvNum.setLayoutParams(params);

        LayoutParams numParams =new LayoutParams(numwidth, numlength);

        mTvNum.setLayoutParams(numParams);

        mTvSub.setOnClickListener(this);

        mTvAdd.setOnClickListener(this);

        setMaxNum(maxNum);

        setMinNum(minNum);

    }

public void setMaxNum(int maxNum) {

setMaxNum =true;

        this.maxNum = maxNum;

    }

public void setMinNum(int minNum) {

setMinNum =true;

        this.minNum = minNum;

    }

public void setNum(int num) {

if (setMinNum) {

if (num <=minNum) {

mTvSub.setEnabled(false);

            }

}

if (setMaxNum) {

if (num >=maxNum) {

mTvAdd.setEnabled(false);

            }

}

String s = Integer.toString(num);

        mTvNum.setText(s);

    }

public int getNum() {

String s =mTvNum.getText().toString();

        return Integer.parseInt(s);

    }

public void setAddSubClickListener(AddSubClickListener addSubClickListener) {

this.addSubClickListener = addSubClickListener;

    }

@Override

    public void onClick(View view) {

if (addSubClickListener !=null) {

if (view.getId() == R.id.tv_add) {

String s =mTvNum.getText().toString();

                int num = Integer.parseInt(s);

                if (setMaxNum) {

if (num

num++;

                        if (num ==maxNum) {

mTvAdd.setEnabled(false);

                        }

}

}else {

num++;

                }

if (!mTvSub.isEnabled()) {

mTvSub.setEnabled(true);

                }

mTvNum.setText(Integer.toString(num));

                addSubClickListener.addSubClickListener(num);

            }else if (view.getId() == R.id.tv_sub) {

String s =mTvNum.getText().toString();

                int num = Integer.parseInt(s);

                if (setMinNum) {

if (num >minNum) {

num--;

                        if (num ==minNum) {

mTvSub.setEnabled(false);

                        }

}

}else {

num--;

                }

if (!mTvAdd.isEnabled()) {

mTvAdd.setEnabled(true);

                }

mTvNum.setText(Integer.toString(num));

                addSubClickListener.addSubClickListener(num);

            }

}

}

public interface AddSubClickListener {

void addSubClickListener(int num);

    }

}

以上主要的自定义控件代码,下面是用到的布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:background="@drawable/shape_add_sub_bg"

    android:orientation="horizontal">

        android:id="@+id/tv_sub"

        android:layout_width="20dp"

        android:layout_height="20dp"

        android:gravity="center"

        android:text="-" />

        android:layout_width="1px"

        android:layout_height="match_parent"

        android:background="#666666" />

        android:id="@+id/tv_num"

        android:layout_width="20dp"

        android:layout_height="20dp"

        android:layout_marginLeft="-1px"

        android:layout_marginRight="-1px"

        android:layout_weight="1"

        android:gravity="center"

        android:text="1" />

        android:layout_width="1px"

        android:layout_height="match_parent"

        android:background="#666666" />

        android:id="@+id/tv_add"

        android:layout_width="20dp"

        android:layout_height="20dp"

        android:gravity="center"

        android:text="+" />

</LinearLayout>

用的的drawable文件

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">

    <solid android:color="#FFFFFF" />

        android:width="1px"

        android:color="#666666" />

        android:width="20dp"

        android:height="20dp" />

    <corners android:radius="4dp">

</shape>

样式表

<declare-styleable name="AddSubView">

    <attr name="add_sub_width" format="dimension" />//加减快高

<attr name="add_sub_height" format="dimension" />

    <attr name="sum_height" format="dimension" />//数目的快高

<attr name="sum_widthh" format="dimension" />

    <attr name="max_sum" format="dimension" />//最大

<attr name="min_sum" format="dimension" />//最小

<attr name="isedit" format="boolean" />//是否可编辑

</declare-styleable>

好了,废话不多说,以上就是所有的代码,在使用的时候 的时候只需要跟正常自定义控件使用就OK了!



相关文章

  • 购物车添加删除商品加减按钮

    现在越来越多的移动App涉及到商城相关的领域,说到商城,作为一个程序员不得不提到的就是商品的管理,添加,删除,话不...

  • 从购物车看到的产品细节

    购物车商品编辑界面,如果用户选择添加或者减少货物数量,其中淘宝需要点击编辑按钮才能选择添加减少,而京东苏宁,直接在...

  • Vue + Vuex 实现购物车

    功能点拆分 在商品详情页点击添加购物车按钮,对应商品将传到购物车页面 购物车页面顶部商品数量展示 购物车页面商品列...

  • SSM框架学习日记(6)——购物车模块

    购物车相关接口 添加购物车,购物车列表,更新商品数量,删除购物车先新建CartController和CartSer...

  • vuejs仿美团,饿了么项目之——购物车篇

    上一篇写了个商品加减的组件,这篇说一下购物车。只有当添加商品的时候,也就是存在count这个key的时候,购物车的...

  • iOS UI基础 常用代码

    1.创建按钮方法封装 调用 2.在一个购物车视图添加商品

  • 购物车测试用例设计

    一、UI测试 界面显示 按钮显示 二、功能测试 页面链接跳转 添加商品 未登陆的情况添加购物车后,点付款 商品未勾...

  • Android实现商城购物车功能

    最近公司项目做商城模块,需要实现购物车功能,主要实现了单选、全选,金额合计,商品删除,商品数量加减等功能,先看看效...

  • 2019-04-24 vue css实现按钮淡入淡出效果

    具体场景:点击添加显示删除按钮,此时删除按钮淡入;点击删除按钮,删除按钮淡出 注意:在点击添加按钮,删除按钮淡入时...

  • 微信小程序长按数量自动加减

    开发一个微信小程序,有购物车的功能,在测试加减购物车中商品数量时,发现点一下加一或减一太烦,于是添加了长按自动加减...

网友评论

      本文标题:购物车添加删除商品加减按钮

      本文链接:https://www.haomeiwen.com/subject/ssndqqtx.html