自定义view之路--数量加减view--适用电商类

最新推荐文章于 2021-10-20 00:14:00 发布
最新推荐文章于 2021-10-20 00:14:00 发布
阅读量1.7k 收藏 2
点赞数
分类专栏： Android 文章标签： 数量加减view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010716109/article/details/50617465
版权

主要功能简介：根据设置的库存以及选择的数量左右图片可更换，且超过库存不可增加，最低为1.点击数量可弹出dialog输入数量。可监听数量变更以便保存当前选择数量供程序下一步操作。

主要思路：利用组合view的方式，完成数量加减的布局。本view主要是减少相同模块的逻辑代码，方便使用，增加复用性。自定义view创建的方式见本人另外的文章。主要使用、以及view介绍见下面基类说明。如有疑问，请留言。底部有下载链接，无分可点赞留邮箱，谢谢。
这里写图片描述

  • view类

/**
 * 说明：数值选择view，可以选择数量，并且在回调里处理具体逻辑
 * 功能简介：可以在xml里或者代码中设置左右view的图片、默认库存大小、当前数值、文本大小、文本颜色以及背景边框
 * 使用注意：
 * 1）需要在attr里面写入下面代码
 * <declare-styleable name="QuantityChooseView">
 * <attr name="maxQuantity" format="integer"/>
 * <attr name="quantity" format="integer"/>
 * <attr name="rightViewEnableSrc" format="integer"/>
 * <attr name="rightViewDisableSrc" format="integer"/>
 * <attr name="leftViewEnableSrc" format="integer"/>
 * <attr name="leftViewDisableSrc" format="integer"/>
 * <attr name="quantityTextSize" format="integer"/>
 * <attr name="quantityTextColor" format="color"/>
 * </declare-styleable>
 * 2）默认左右图片ic_launcher
 * 3）本view也需要下面strings
 * <string name="msg_null_number">Please input number!</string>
 * <string name="msg_error_onlyOneAbove">Can only enter one above!</string>
 * <string name="dialog_title_quantity">Input Quantity</string>
 * <string name="cancel">Cancel</string>
 * <string name="confirm">Confirm</string>
 * 4) dialog需要引用MaterialDialog
 * <p/>
 * by tc 2015/01/08
 * version 1.0
 */
public class QuantityChooseView extends LinearLayout {
    public static final String TAG = QuantityChooseView.class.getSimpleName();
    /**
     * 监听数量变化
     */
    private OnQuantityChangeListener mOnQuantityChangeListener;
    /**
     * 默认库存大小
     */
    private static final int DEFAULT_QUANTITY = 99999;
    /**
     * 最大数量
     */
    private int mMaxQuantity = DEFAULT_QUANTITY;
    /**
     * 数量
     */
    private int mQuantity = 1;

    /**
     * 右侧按钮图片
     */
    private ImageView mIvRight;
    /**
     * 右侧按钮图片数据源--可操作
     */
    private int mIvRightEnableSrc = -1;
    /**
     * 右侧按钮图片数据源--不可操作
     */
    private int mIvRightDisableSrc = -1;
    /**
     * 左侧按钮图片
     */
    private ImageView mIvLeft;
    /**
     * 左侧按钮图片数据源--可操作
     */
    private int mIvLeftEnableSrc = -1;
    /**
     * 左侧按钮图片数据源--不可操作
     */
    private int mIvLeftDisableSrc = -1;

    /**
     * 数量文本
     */
    private TextView mTvQuantity;
    /**
     * 数量文本的颜色
     */
    private int mQuantityTextColor = -1;
    /**
     * 选中数量的字体大小
     */
    private float mQuantityTextSize = 0;
    /**
     * 数字选择弹框
     */
    private MaterialDialog mMaterialDialog;
    /**
     * 上一次选择的数值
     */
    private int mLastSelectQuantity;

    public QuantityChooseView(Context context) {
        super(context);
        init(context, null);
    }

    public QuantityChooseView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);


    }

    public QuantityChooseView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public QuantityChooseView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        this.removeAllViews();
        if (attrs != null) {
            TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.QuantityChooseView);
            mMaxQuantity = a.getInt(R.styleable.QuantityChooseView_maxQuantity, DEFAULT_QUANTITY);
            mQuantity = a.getInt(R.styleable.QuantityChooseView_quantity, 1);
            mIvRightEnableSrc = a.getResourceId(R.styleable.QuantityChooseView_rightViewEnableSrc, -1);
            mIvRightDisableSrc = a.getResourceId(R.styleable.QuantityChooseView_rightViewDisableSrc, -1);
            mIvLeftEnableSrc = a.getResourceId(R.styleable.QuantityChooseView_leftViewEnableSrc, -1);
            mIvLeftDisableSrc = a.getResourceId(R.styleable.QuantityChooseView_leftViewDisableSrc, -1);
            mQuantityTextSize = a.getInt(R.styleable.QuantityChooseView_quantityTextSize, 0);
            mQuantityTextColor = a.getColor(R.styleable.QuantityChooseView_quantityTextColor, -1);
            a.recycle();
        }
        mMaterialDialog = new MaterialDialog(context);

        mIvRight = new ImageView(context);
        mTvQuantity = new TextView(context);
        mIvLeft = new ImageView(context);

        this.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        this.setOrientation(HORIZONTAL);
        mIvRight.setBackgroundDrawable(null);
        mIvLeft.setBackgroundDrawable(null);

        mIvRight.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        mTvQuantity.setLayoutParams(new ViewGroup.LayoutParams(dip2px(context, 50), ViewGroup.LayoutParams.MATCH_PARENT));
        mTvQuantity.setGravity(Gravity.CENTER);
        mIvLeft.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

        JudgeNumberAndShowDifferentView(false);
        if (mQuantityTextSize <= 0) {
            mQuantityTextSize = 10;
        }
        mTvQuantity.setTextSize(mQuantityTextSize);
        if (mQuantityTextColor != -1) {
            mTvQuantity.setTextColor(mQuantityTextColor);
        } else {
            mTvQuantity.setTextColor(Color.BLACK);
        }
        this.addView(mIvLeft);
        this.addView(mTvQuantity);
        this.addView(mIvRight);
        initEvent();

    }


    /**
     * 初始化左右view的点击事件
     */
    private void initEvent() {
        mIvRight.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mQuantity++;
                JudgeNumberAndShowDifferentView(true);
            }
        });
        mIvLeft.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mQuantity--;
                JudgeNumberAndShowDifferentView(true);
            }
        });
        mTvQuantity.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                final EditText et = new EditText(getContext());
                et.setTextSize(14);
                et.setInputType(InputType.TYPE_CLASS_NUMBER);
                et.setTextColor(getContext().getResources().getColor(
                        R.color.blue_new));
                et.setSingleLine(true);
                et.setImeOptions(EditorInfo.IME_ACTION_SEARCH);
                et.setGravity(Gravity.CENTER);
                et.setWidth(dip2px(getContext(), 20));
                et.setText(String.valueOf(mQuantity));
                et.setSelection(et.getText().toString().length());
                et.setBackgroundResource(R.drawable.linearlayout_border_blue);
                mMaterialDialog = new MaterialDialog(getContext());
                mMaterialDialog.setTitle(getContext().getResources().getString(
                        R.string.dialog_title_quantity));
                mMaterialDialog.setContentView(et);
                mMaterialDialog.setTitle(getContext().getResources().getString(
                        R.string.dialog_title_quantity));
                mMaterialDialog.setPositiveButton(R.string.confirm, new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mQuantity = toInt(et.getText().toString());
                        submitNumber(et);
                    }
                });
                mMaterialDialog.setNegativeButton(R.string.cancel, new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        mMaterialDialog.dismiss();
                    }
                });
                mMaterialDialog.setCanceledOnTouchOutside(true);
                mMaterialDialog.show();
                mMaterialDialog.showSoftInput();
            }
        });
    }

    /**
     * 弹出数值选择对话框的数值校验
     *
     * @param et
     */
    private void submitNumber(EditText et) {
        String intStr = et.getText().toString();
        if (TextUtils.isEmpty(intStr)) {
            Toast.makeText(getContext(), getContext().getResources().getString(R.string.msg_null_number), Toast.LENGTH_LONG).show();
            return;
        } else if (intStr.equals("0")) {
            Toast.makeText(getContext(), getContext().getResources().getString(R.string.msg_error_onlyOneAbove), Toast.LENGTH_LONG).show();
            return;
        } else if (toInt(intStr) > mMaxQuantity) {// 如果大于库存
            mQuantity = mMaxQuantity;

        } else {
            mQuantity = toInt(intStr);// 先格式化，避免用户输入01这种格式的数字
        }
        JudgeNumberAndShowDifferentView(true);
        mMaterialDialog.dismiss();

    }

    /**
     * 校验数值以及显示不同的左右图片
     */
    private void JudgeNumberAndShowDifferentView(boolean isInformToQuantityChangeListener) {
        if (mQuantity <= 1) {
            if (mQuantity >= mMaxQuantity) {//选择的数量等于库存
                mQuantity = mMaxQuantity;
                setRightAddEnable(false);
                setLeftSubtractEnable(false);
            } else {
                mQuantity = 1;
                setRightAddEnable(true);
                setLeftSubtractEnable(false);
            }
        } else {
            if (mQuantity >= mMaxQuantity) {//选择的数量大于等于库存
                mQuantity = mMaxQuantity;
                setRightAddEnable(false);
                setLeftSubtractEnable(true);
            } else {
                setRightAddEnable(true);
                setLeftSubtractEnable(true);
            }

        }
        mTvQuantity.setText(String.valueOf(mQuantity));
        if (isInformToQuantityChangeListener) {
            if (mLastSelectQuantity != mQuantity)
                if (mOnQuantityChangeListener != null) {
                    mOnQuantityChangeListener.onQuantityChange(mQuantity, mLastSelectQuantity);
                }
        }
        mLastSelectQuantity = mQuantity;
    }


    //---------------get,set------------------
    private void setRightAddEnable(boolean isEnable) {
        if (isEnable) {
            mIvRightEnableSrc = mIvRightEnableSrc != -1 ? mIvRightEnableSrc : R.mipmap.ic_launcher;
            mIvRight.setImageResource(mIvRightEnableSrc);
        } else {
            mIvRightDisableSrc = mIvRightDisableSrc != -1 ? mIvRightDisableSrc : R.mipmap.ic_launcher;
            mIvRight.setImageResource(mIvRightDisableSrc);
        }
    }

    private void setLeftSubtractEnable(boolean isEnable) {
        if (isEnable) {
            mIvLeftEnableSrc = mIvLeftEnableSrc != -1 ? mIvLeftEnableSrc : R.mipmap.ic_launcher;
            mIvLeft.setImageResource(mIvLeftEnableSrc);
        } else {
            mIvLeftDisableSrc = mIvLeftDisableSrc != -1 ? mIvLeftDisableSrc : R.mipmap.ic_launcher;
            mIvLeft.setImageResource(mIvLeftDisableSrc);
        }
    }

    public void setOnQuantityChangeListener(OnQuantityChangeListener mOnQuantityChangeListener) {
        this.mOnQuantityChangeListener = mOnQuantityChangeListener;
    }

    public int getMaxQuantity() {
        return mMaxQuantity;
    }

    public void setMaxQuantity(int mMaxQuantity) {
        this.mMaxQuantity = mMaxQuantity;
        invalidate();
    }

    public int getQuantity() {
        return mQuantity;
    }

    public void setQuantity(int mQuantity) {
        this.mQuantity = mQuantity;
        JudgeNumberAndShowDifferentView(false);
    }


    public void setIvRightEnableSrc(int mIvRightEnableSrc) {
        this.mIvRightEnableSrc = mIvRightEnableSrc;
    }


    public void setIvRightDisableSrc(int mIvRightDisableSrc) {
        this.mIvRightDisableSrc = mIvRightDisableSrc;
    }


    public void setIvLeftEnableSrc(int mIvLeftEnableSrc) {
        this.mIvLeftEnableSrc = mIvLeftEnableSrc;
    }


    public void setIvLeftDisableSrc(int mIvLeftDisableSrc) {
        this.mIvLeftDisableSrc = mIvLeftDisableSrc;
    }


    public void setQuantityTextColor(int mQuantityTextColor) {
        this.mQuantityTextColor = mQuantityTextColor;
    }

    public void setQuantityTextSize(float mQuantityTextSize) {
        this.mQuantityTextSize = mQuantityTextSize;
    }
//---------------get,set------------------


    public interface OnQuantityChangeListener {
        /**
         * 数量变更的监听
         *
         * @param currentSelectQuantity 当前选择的数量
         * @param lastSelectQuantity    上一次选择的数量
         */
        void onQuantityChange(int currentSelectQuantity, int lastSelectQuantity);
    }

//-----------------工具方法，为了避免过多引用util，所以本view自带下面方法----------------------------

    /**
     * 转换为整形
     *
     * @param value value
     * @return value
     */
    public static int toInt(String value) {
        int defaultValue = 0;
        if (!isNumeric(value)) {
            return defaultValue;
        }
        try {
            return Integer.parseInt(value);
        } catch (NumberFormatException e) {
            return defaultValue;
        }
    }

    /**
     * 判断是否为数字
     *
     * @param value value
     * @return true
     */
    public static boolean isNumeric(String value) {
        if (TextUtils.isEmpty(value))
            return false;
        Pattern pattern = Pattern.compile("^([-\\+]?[1-9]([0-9]*)(\\.[0-9]+)?)|(^0$)$");
        Matcher matcher = pattern.matcher(value);
        return matcher.find();
    }

    /**
     * 根据手机的分辨率从 dp 的单位 转成为 px(像素)
     */
    private int dip2px(Context context, final float dpValue) {
        float density = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * density + 0.5f);
    }

}
  • 具体布局
<com.xx.widgets.QuantityChooseView
    android:id="@+id/qcv_shopping_cart_quantity"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="@drawable/linearlayout_border_gray"
    android:padding="1px"
    app:leftViewDisableSrc="@mipmap/icon_subtract_gray"
    app:leftViewEnableSrc="@mipmap/icon_subtract_orange"
    app:quantity="1"
    app:quantityTextColor="@color/white"
    app:quantityTextSize="12"
    app:rightViewDisableSrc="@mipmap/icon_add_gray"
    app:rightViewEnableSrc="@mipmap/icon_add"/>

源码下载地址:http://download.csdn.net/detail/u010716109/9424223

TC风之翼
关注
专栏目录
自定义view加减器
weixin_40060411的博客
11-23 380
效果图： AddDeleteView public class AddDeleteView extends LinearLayout { private TextView etNumber; private OnAddDelClickListener listener; //对外提供一个点击的回调接口 interface OnAddDelCli
android加减数量按钮,Android自定义数量加减控件
weixin_35794835的博客
05-27 1963
该楼层疑似违规已被系统折叠隐藏此楼查看此楼效果显示如下:自定义控件有什么好处呢？可以方便下次，不再需要重写该方法，调用皆可，下面由我详解为大家讲解自定义数量加减控件的方法实现。1. 首先在layout下新建一个view_amount.xml文件,由这个控件两个Button和一个EditText组成如下:android:id="@+id/btnDecrease"android:layo...
自定义View 购物车加减数量
weixin_34062469的博客
10-14 131
为什么80%的码农都做不了架构师？>>> ...
android 购物车数量简单加减
09-23
android 购物车数量简单加减，修改网上下载的
android购物车实现数量加减
12-03
android购物车实现数量加减 listVIew列表中实现数量的加减
Android-使用kotlin开发的数量控制控件一般用于商城类app加减商品数量
08-13
在Android应用开发中，特别是在电商应用中，商品数量的增减功能是非常常见且重要的一个控件。本教程将深入探讨如何使用Kotlin语言来开发这样一个数量控制控件，以实现用户能够轻松增加或减少购物车中商品的数量。 ...
Android自定义控件之购物车数量加减器
07-19
本文将深入探讨如何创建一个购物车数量加减器的自定义控件，这个控件通常用于电商应用，用户可以通过它来调整选中商品的数量。我们将讨论以下几个关键知识点： 1. **自定义View的基本结构**： 自定义控件首先需要...
android自定义view
05-22
本示例中，我们探讨的是一个自定义的View，它用于实现加减商品数量的功能，这在电商应用中非常常见。这个自定义View可能包含两个按钮（一个用于增加数量，另一个用于减少数量），以及一个显示当前数量的文本框。接...
商业源码-编程源码-ECMall v2.2.1 简体gbk.zip
06-15
9. **促销活动**：ECMall内置多种促销活动机制，如满减、折扣、优惠券等，能有效刺激消费者的购买欲望，提升销售额。 10. **SEO优化**：为了提升网站在搜索引擎中的排名，ECMall支持自定义页面标题、关键词和描述，...
数据仓库之电商数仓-- 3.1、电商数据仓库系统(ODS层、DIM层、DWD层)
热门推荐
FunnyPrince_的博客
10-20 1万+
目录一、数仓分层1.1 为什么要分层1.2 数据集市与数据仓库概念1.3 数仓命名规范1.3.1 表命名1.3.2 脚本命名1.3.3 表字段类型二、数仓理论2.1 范式理论2.1.1 范式概念2.1.2 函数依赖2.1.3 三范式区分2.2 关系建模与维度建模2.2.1 关系建模2.2.2 维度建模⭐️2.3 维度表和事实表⭐️2.3.1 维度表2.3.2 事实表2.4 维度模型分类2.5 数据仓库建模⭐️????2.5.1 ODS层2.5.2 DIM层和DWD层2.5.3 DWS层与DWT层2.5.4
android数字加减选择器
12-17
数字加减选择器，用于商城项目购物车选择sku操作，设有最大值最小值等监听
Android-NumberPickerView仿商城添加商品数量数量加减选择器支持手动输入
08-13
NumberPickerView 仿商城添加商品数量，数量加减选择器，支持手动输入
Android自定义商品购买数量加减控件
01-05
在购买商品时，大家可以自定义数字加减控件，来确定购买商品的实际数量，如何实现此控件，请参考下文： 1.自定义数字加减控件的要求 创建Module -NumberAddSubView A_输入的只能是数字，而且不能通过键盘输入 B_通过加减按钮操作数字 C_监听加减按钮 D_数组有最小值和最大值的限制 E_自定义属性  2.提供接口，让外界监听到数字的变化 1_设置接口 @Override public void onClick(View v) { if (v.getId() == R.id.btn_sub) { //Toast.makeText(mContext,减,Toa
电商购物车加减商品数量 （要记得字符串型转为数字型）
weixin_45723025的博客
09-01 173
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> <linkrel="stylesheet"href=...
android商品数量加减,微信小程序实现一个简单的商品数量加减案例
weixin_34229076的博客
05-29 1053
简介这是一个用微信小程序原生代码实现的数量加减demo，主要是用于商品购物车或者商品详情修改数量使用，很简单哦~~~。核心js方法说明addCount(增加数量)delCount (减少数量)getCount(获取数量)实现效果如下图所示：微信小程序实现一个简单的商品数量加减案例实现步骤1、页面布局count.wxml 增加主容器代码和提交button-+提交2、添加页面wcss样式count.c...
android 数字加减动画,Android实现两个数相加功能
weixin_32891615的博客
05-26 1120
本文实例为大家分享了Android实现两个数相加的具体代码，供大家参考，具体内容如下要实现如图所示的加法计算器的话，还是比较简单的，下面直接上demo，有不懂的可以留言交流。1、下面是activity.xml的布局文件xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:la...
android 购物车数量加减计算(几行代码实现效果)
小牧在一直在学习,在前进的道路上大家一起学习，进步。
09-11 1650
就是使用++ 和-- 逻辑简单，直接上代码吧 已经使用到项目 ，具体添加的时候请求后台的接口，在添加即可。。项目使用没有任何差错，简单明了。。。 private TextView textView; private int num = 1; @Override protected void onCreate(@Nullable Bundle savedInsta...
加减器(自定义view)
My9973636800的博客
11-21 319
1.布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值