Android商城 带加减按钮的 EditText

最新推荐文章于 2023-11-08 16:05:34 发布
最新推荐文章于 2023-11-08 16:05:34 发布
阅读量3.2k 收藏 3
点赞数
分类专栏： Android基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BscJhNN/article/details/51420180
版权

最近在做一个商城的项目，商城项目中需要选择商品数量，除了手动输入商品数量之外，还需要两个按钮可以增减商品数量，具体效果如下图。



本例说明的是上图中数量的增减和输入功能，考虑到商城项目，都会有个购物车模块，在购物车模块可能还会有更改商品数量的操作，也就是说这个修改商品数量的功能，我们需要考虑能不能复用的问题。

我的实现思路为自定义View，也就是说将左边的 “-” 按钮 中间的EditText 和最右边的 “+” 组合起来定义成一个View，这样我们在购买商品的界面，和后面购物车编辑的界面，就可以复用了。


OK，话不多说，我们直接上代码


这个是自定义View 的布局文件代码：

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    <span style="color:#ff0000;">android:background="@drawable/order_edit_bg"</span>
    android:orientation="horizontal"

    >

    <!-- 左边的 “-” 按钮 -->
    <RelativeLayout
        android:id="@+id/delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp">

        <ImageView

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="<span style="color:#ff0000;">@drawable/order_delete</span>"/>
    </RelativeLayout>
    <!-- 画线 -->
    <ImageView
        android:layout_width="@dimen/order_edit_width"
        android:layout_height="match_parent"
        android:background="<span style="color:#ff0000;">@color/order_edit_line</span>"/>

    <EditText
        android:id="@+id/edit"
        android:layout_width="40dp"
        android:layout_height="25dp"
        android:background="@null"
        android:inputType="number"
        android:maxLines="1"
        android:paddingLeft="3dp"
        android:textColor="@color/goods_name"
        android:gravity="center"
        android:textSize="15sp"
        android:focusable="true"
        />

    <ImageView
        android:layout_width="@dimen/order_edit_width"
        android:layout_height="match_parent"
        android:background="@color/order_edit_line"/>

    <!-- 右边的 “+” 按钮 -->
    <RelativeLayout
        android:id="@+id/add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp">

        <ImageView

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="<span style="color:#ff0000;">@drawable/order_add</span>"/>
    </RelativeLayout>
</LinearLayout></span>

上面布局文件中有些引用（也就是红色部分），因为是真是项目，不凡便全部展示，只截取本例需要的给大家展示（主要是考虑到很多和我一样的Android小白） 

<span style="color:#ff0000;">android:background="@drawable/order_edit_bg"</span><span style="color:#333333;"> 需要在 drawable目录下创建一个名为：order_edit_bg.xml的配置文件，该文件具体定义如下：</span>
<span style="color:#333333;"></span><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:color="@color/order_edit_line" android:width="@dimen/order_edit_width"/>
    <solid android:color="@color/white"/>
</shape>

 

 

 

<span style="font-size:14px;">@drawable/order_delete 图片给你们：</span>
 

<span style="font-size:14px;"><img src="https://img-blog.csdn.net/20160516000856627" alt="" />
</span>
 

<span style="font-size:14px;"></span><pre name="code" class="html"><span style="font-size:14px;">@color/order_edit_line ： </span><pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'Menlo';font-size:12.0pt;"><span style="color:#e8bf6a;"><color </span><span style="color:#bababa;">name=</span><span style="color:#a5c261;">"order_edit_line"</span><span style="color:#e8bf6a;">></span>#8a8a8a<span style="color:#e8bf6a;"></color></span>
 

 

 

 

 


 
 

 

<span style="font-size:14px;"><span style="color:#ff0000;">@drawable/order_add</span> 图片如下：</span>
 

<span style="font-size:14px;"><img src="https://img-blog.csdn.net/20160516001100627" alt="" />
</span>
 

 

 


 
 

好了，我们的布局文件已经说完了，接下类就是我们的自定义View类，具体代码如下：
 

 

/**
 * 带±的输入框 Created by BscJhNN on 15/12/3.
 */
public class OrderEditTextView extends FrameLayout implements View.OnClickListener {

    private View add;

    private View del;

    private EditText edit;

    private OnOrderEditCallBack callback;

    //添加商品是默认的最大添加数量
    private int max = 255;

    private final int MIN = 1;

    public boolean canToast = true;

    /**
     * 申请退货提示
     */
    private boolean isReturnGoodsToast;

    public OrderEditTextView(Context context) {
        super(context);
        init();
    }

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

    public void init() {
        View view = LayoutInflater.from(getContext()).inflate(R.layout.order_edit, null);
        this.addView(view);
        add = findViewById(R.id.add);
        del = findViewById(R.id.delete);
        edit = (EditText) findViewById(R.id.edit);
        edit.setText("1");
        add.setOnClickListener(this);
        del.setOnClickListener(this);
        edit.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {
                int num = Integer.parseInt(TextUtils.isEmpty(edit.getText().toString()) ? "1"
                        : edit.getText().toString());
                if (max < MIN) {
                    max = MIN;
                }
                if (num > max) {
                    edit.setText(String.valueOf(max));
                    if (edit.getVisibility() == View.VISIBLE) {
                        if (canToast) {
                            Toast.makeText(getContext(), "已到达商品最大购买数量", Toast.LENGTH_SHORT).show();
                        }

                    }

                } else if (num < MIN) {
                    edit.setText(String.valueOf(MIN));
                }

                if (callback != null) {
                    callback.OnCallBack(getText());
                }
            }
        });

    }

    public void setRetrunGoodsToast(boolean isReturnGoodsToast) {
        this.isReturnGoodsToast = isReturnGoodsToast;
    }

    @Override
    public void onClick(View view) {
        int num = Integer.parseInt(
                TextUtils.isEmpty(edit.getText().toString()) ? "1" : edit.getText().toString());
        switch (view.getId()) {
            case R.id.add:
                if (num < max) {
                    edit.setText(String.valueOf(num + 1));
                } else {
                    if (!isReturnGoodsToast) {
                        Toast.makeText(getContext(), "已达到商品可购买最大数量了哦", Toast.LENGTH_SHORT).show();
                    } else {
                        Toast.makeText(getContext(), "已达到可申请最大数量了哦", Toast.LENGTH_SHORT).show();
                    }

                }
                break;
            case R.id.delete:
                int n = num - 1;
                if (num > MIN) {
                    edit.setText(String.valueOf(num - 1));
                }
                if (n < MIN) {
                    Toast.makeText(getContext(), "不能再减少啦", Toast.LENGTH_SHORT).show();
                }
                break;
        }

        edit.setSelection(edit.getText().length());
    }

    public int getText() {
        try {
            return Integer.parseInt(edit.getText().toString());
        } catch (Exception e) {
            return 1;
        }
    }

    public void setText(String text) {
        try {
            edit.setText(TextUtils.isEmpty(text) ? "1" : String.valueOf(Integer.parseInt(text)));
        } catch (Exception e) {
            edit.setText("1");
        }
    }

    public void setOnOrderEditCallBack(OnOrderEditCallBack callback) {
        this.callback = callback;
    }

    /**
     * 设置edit最大值
     *
     * @param max
     */
    public void setMax(int max) {
        this.max = max;
    }

    /**
     * 点击事件的回调
     */
    public interface OnOrderEditCallBack {
        void OnCallBack(int num);
    }
}
 

 上面代码大家仔细研读，大神请骗过，奉献给和我一起处于Android开发初期的兄弟们。 

 

有什么问题欢迎大家和我交流，我的QQ：290887654
 

第一次下决心要写博客，写的不通顺的地方，欢迎大家指出。
 


 
 


 
 


 
 


 
 


 
 


 
 


 
 


 

                

        

        

    




    

      

        

            

              
                
                  BscJhNN
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android 加减框

				
			

			

				

					JOY的博客
				

				

					07-14
					
					870
					
				

			

		

		

			
				
Android 加减框

			
		

	



                

              
                



	

		

			

				
					
android 循环的EditText控件两边各放一个加减

				
			

			

				

					weixin_46352653的博客
				

				

					07-03
					
					178
					
				

			

		

		

			
				
package com.example.addbutton;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
public class M

			
		

	



                


  
              

                


	

		

			

				
					
android 带加减按钮 EditText控件

				
			

			

				

					09-09
				

			

		

		

			
				
这个demo是关于android中自定义控件，在EditText两边放置加减按钮。 需求：带加减按钮的EditText控件。 如有BUG或者不

完善，欢迎小伙伴们提出~

			
		

	





	

		

			

				
					
自定义带加减的EditText

				
			

			

				

					qq_31850557的博客
				

				

					06-07
					
					886
					
				

			

		

		

			
				
我想大多数朋友在做商城购物类APP时，肯定遇到过需要做**带加减的EdiText**。那么今天呢？就给大家介绍一款很简单通熟易懂的自定义EditText。废话不说了，直接上代码：
首先是布局文件：

<LinearLayout
    android:id="@+id/ll_one"
    android:layout_width="match_parent"
    android:la

			
		

	



		

			
		



	

		

			

				
					
Android 自定义控件 EditText输入框两边加减按钮Button Demo

				
			

			

				

					12-19
				

			

		

		

			
				
自己封装的一个EditText两边放加减按钮Button来控制输入框的数值

			
		

	





	

		

			

				
					
android 动态增减按钮,如何通过加减按钮实现动态EditText？

				
			

			

				

					weixin_36260016的博客
				

				

					05-25
					
					461
					
				

			

		

		

			
				
如果需要滑动就用RecyclerView，点击新增的时候往adapter里面插入数据然后更新更新视图如果数量不会很多，直接用LinearLayout，然后点击时动态添加子View，然后重绘LinearLayout就行了这种效果有2个主要部件, 第一个是外层的容器(后面叫父视图)用来放置具体的子视图, 可以用一个竖直的LinearLayout. 第二个就是你要动态添加的子视图, 这个子视图应该包含一...

			
		

	





	

		

			

				
					
Android 购物车加减功能的实现代码

				
			

			

				

					08-19
				

			

		

		

			
				
Android 购物车加减功能的实现代码  Android 购物车加减功能是指在 Android 应用程序中实现购物车中商品数量的加减操作。这种功能对于电子商务应用程序非常重要，因为它可以让用户方便地购买商品。この文章将详细...

			
		

	





	

		

			

				
					
Android 自定义控件 EditText输入框两边加减按钮Button

				
			

			

				

					12-06
				

			

		

		

			
				
总结起来，创建一个带有加减按钮的自定义EditText控件涉及到以下几个关键步骤： 1. 创建一个新的View类，继承自LinearLayout。 2. 在类中初始化EditText和Button，并设置点击事件监听器。 3. 设计对应的XML布局文件...

			
		

	





	

		

			

				
					
Android 实现加减自定义控件

					
最新发布

				
			

			

				

					小北的博客
				

				

					11-08
					
					670
					
				

			

		

		

			
				
本文将介绍一个自定义的CounterView控件，展示了如何创建一个可定制的数字输入控件，该控件可以设置最小值、最大值、步进值以及其他属性。

			
		

	





	

		

			

				
					
加减器的框

				
			

			

				

					qq_40983361的博客
				

				

					07-05
					
					150
					
				

			

		

		

			
				
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"&gt;

    &lt;size
        android:width="40dp"
        android:height="20dp" /&gt;
    &lt;stroke

			
		

	





	

		

			

				
					
自定义EditText带加减的

				
			

			

				

					06-07
				

			

		

		

			
				
大家在做商城购物类的APP时，肯定遇到过需要自定义带加减的EditText 那么我上传的这个自定义的EditText： 1.可以根据个人的实际UI需求，修改成自己喜欢的颜色和形状。 2.里面的加和减的业务逻辑判断已完善，大部分开发者都可以拿去直接用 3.有需要看效果的可以去我博文看图片效果。

博文链接：http://blog.csdn.net/qq_31850557/article/details/51603642

			
		

	





	

		

			

				
					
android数字加减选择器

				
			

			

				

					12-17
				

			

		

		

			
				
数字加减选择器，用于商城项目购物车选择sku操作，设有最大值最小值等监听

			
		

	





	

		

			

				
					
Android Studio自定义布局之数量加减框

				
			

			

				

					04-03
				

			

		

		

			
				
Android Studio自定义布局之数量加减框

			
		

	





	

		

			

				
					
Android studio EditText的 用法详情

				
			

			

				

					afufufufu的博客
				

				

					08-05
					
					2555
					
				

			

		

		

			
				
Android studio EditText的 用法详情

			
		

	





	

		

			

				
					
android EditText里面嵌入两个按钮，通过按钮可以加减EditText里的数字，组合自定义控件。

				
			

			

				

					daditao的专栏
				

				

					05-23
					
					7470
					
				

			

		

		

			
				
http://blog.csdn.net/liu_zhen_wei/article/details/6592008
设计一个自定义组合控件。它的功能，通过两个按钮分别增加、减小EditText里面的数字。效果图如下：

实现代码:



[java] 
view plaincopy


/************** /src/com.lxy/AppMain.java ***

			
		

	





	

		

			

				
					
通过按钮实现数量加减的操作

				
			

			

				

					qq_40970620的博客
				

				

					07-31
					
					5719
					
				

			

		

		

			
				
通过按钮实现数量加减的操作

实现类似购物车的实现，点击加按钮进行加一，点击减按钮进行减一，若数量小于1则提示输入一个大于0的数字，也可以手动输入大于0的数字 
layout的布局代码如下

&lt;LinearLayout
        android:gravity="center_horizontal"
        android:orientation="horizontal"
  ...

			
		

	





	

		

			

				
					
android edittext左右两边加减按钮，并且监听edittext不能小于0

				
			

			

				

					06-21
				

			

		

		

			
				
实现这个功能，可以自定义一个带有加减按钮的布局，然后将其作为EditText的左右drawable，并设置相应的点击事件。

以下是一个简单的实现方法：

1. 自定义一个带有加减按钮的布局，例如：

```
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center">
    
    <ImageButton
        android:id="@+id/btn_minus"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_minus"
        android:background="@null" />
        
    <EditText
        android:id="@+id/et_number"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="number"
        android:text="0"
        android:textAlignment="center" />
        
    <ImageButton
        android:id="@+id/btn_add"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_add"
        android:background="@null" />
        
</LinearLayout>
```

2. 在Activity或Fragment中，将该布局作为EditText的左右drawable，并设置相应的点击事件：

```
EditText editText = findViewById(R.id.edit_text);
ViewGroup layout = findViewById(R.id.layout_number);
ImageButton btnMinus = layout.findViewById(R.id.btn_minus);
ImageButton btnAdd = layout.findViewById(R.id.btn_add);
final EditText etNumber = layout.findViewById(R.id.et_number);

editText.setCompoundDrawablesWithIntrinsicBounds(layout, null, null, null);

btnMinus.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        int number = Integer.parseInt(etNumber.getText().toString());
        if (number > 0) {
            number--;
            etNumber.setText(String.valueOf(number));
        }
    }
});

btnAdd.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        int number = Integer.parseInt(etNumber.getText().toString());
        number++;
        etNumber.setText(String.valueOf(number));
    }
});

etNumber.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {
        if (!hasFocus) {
            int number = Integer.parseInt(etNumber.getText().toString());
            if (number < 0) {
                etNumber.setText("0");
            }
        }
    }
});
```

3. 在点击加减按钮时，根据当前EditText的值进行加减操作并更新EditText的显示。在失去焦点时，检查EditText的值是否小于0，如果小于0则将其设置为0。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值