一个简单的购物车加减按钮

一个简单的购物车加减按钮,自定义控件实现,非常简单,有兴趣的可以自己尝试一下

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.shizhibang.jdcom.R;
public class NumberButton extends RelativeLayout implements View.OnClickListener {private ImageView jia;private ImageView jian;private TextView num;public NumberButton(Context context) {this(context,null);}public NumberButton(Context context, AttributeSet attrs) {this(context, attrs, 0);}public NumberButton(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context, attrs);}private void init(Context context, AttributeSet attrs) {View view = View.inflate(context, R.layout.num, null);addView(view);jia = view.findViewById(R.id.jia);jian = view.findViewById(R.id.jian);num = view.findViewById(R.id.num);}private int sum=0;public NumberButton setCurrentNumber(int sum) {this.sum = sum;num.setText(sum+"");return this;}private int MinNumber=0;private int MaxNumber=0;public NumberButton setMinNumber(int minNumber) {MinNumber = minNumber;return this;}public NumberButton setMaxNumber(int maxNumber) {MaxNumber = maxNumber;return this;}public interface OnNumberChangeListener{void OnNumberChangeListener(int sum);}private OnNumberChangeListener onClickListener;public void setOnNumberChangeListener(OnNumberChangeListener onClickListener) {this.onClickListener = onClickListener;jia.setOnClickListener(this);jian.setOnClickListener(this);}@Override
    public void onClick(View view) {switch (view.getId()){case R.id.jia:if (sum>=MaxNumber)return;sum++;break;case R.id.jian:if (sum<=MinNumber)return;sum--;break;}num.setText(sum+"");onClickListener.OnNumberChangeListener(sum);}
}
下面是控件的布局里面的加减号可以自行定义

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center"
    android:orientation="horizontal"
    android:layout_height="wrap_content"><ImageView
        android:id="@+id/jian"
    android:layout_width="@dimen/x20"
    android:layout_height="@dimen/x20"
    android:src="@mipmap/jian"/><TextView
        android:id="@+id/num"
        android:layout_width="@dimen/x20"
        android:layout_height="match_parent"
        android:background="@drawable/tvbg"
        android:gravity="center"
        android:text="0"
        android:textSize="20sp" /><ImageView
        android:id="@+id/jia"
        android:layout_width="@dimen/x20"
        android:layout_height="@dimen/x20"
        android:src="@mipmap/jia"/></LinearLayout>

 效果如图所示

一个简单的购物车加减按钮相关推荐

Android开发之购物车加减按钮(附加源码)
老套路,先看效果图直接上代码: package com.xiayiye.shopcarnumberadd.view;import android.content.Context; import an ...
购物车加减计数按钮效果
input:number样式修改 <!DOCTYPE html> <html lang="en"><head><meta charset= ...
表单html中加减数字按钮,纯CSS实现数字加减按钮的最佳方案
前言: 对于数字加减按钮的实现,以前用过不少方案,诸如: 1.使用背景图片--这种效果比较好,缺点是样式控制有点复杂了,还需要使用图片: 2.直接使用"+""-" ...
vue使用组件化思想实现一个简单的购物车页面
vue使用组件化思想实现一个简单的购物车页面文章目录 vue使用组件化思想实现一个简单的购物车页面页面预览项目结构组件介绍主页面ShopCar Header组件 Goods组件 Count组 ...
加入购物车与购物车加减
(一)加入购物车 html代码部分: <section class="cart_fixed"> <section class="cart_left&qu ...
vue+element的表格中添加加减按钮的问题
闲话少说先上效果图: 就是加减按钮能点,而且互不影响点击的效果. 起关键作用的就是在vue中的一个点击事件的控制: @click.prevent=" " 而加了这个是只能点击一次: ...
html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度，以及右边显示难看的加减按钮...
场景: 这是之前做的移动web控件时遇到的问题.当时在我们控件的HTML5页面需要输入卡号.CV2.手机号.验证码等信息.大家都知道这些值都是数字.普通类型的输入框,当我们点击时,手机默认掉起的键盘 ...
vue实现一个简单的购物车功能
今天做了一个简单的购物车功能,主要用了计算属性,指令等知识点,代码如下: <template> <div><div id="cart" v-cloak ...
JavaScript学习（十六）—实现购物车加减数量，计算总金额
JavaScript学习(十六)-实现购物车加减数量,计算总金额代码如下: <table border="2" cellspacing="0" soli ...

一个简单的购物车加减按钮

一个简单的购物车加减按钮相关推荐

最新文章

热门文章