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

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

Demo 下载地址：

第一版：http://download.csdn.net/detail/zjjne/6740865

第二版：（修改部分BUG和添加从XML中实例化的Demo）http://download.csdn.net/detail/zjjne/8044679

转载请注明出处：

http://www.goteny.com/articles/2013/12/81.html

http://www.cnblogs.com/zjjne/p/3482842.html

效果图：

有三种构造方法

public AddAndSubView(Context context)  //EditText中数值初始化为0

public AddAndSubView(Context context, int num)  //带初始值构造

public AddAndSubView(Context context, AttributeSet attrs)

调用AddAndSubView方法

AddAndSubView addAndSubView = new AddAndSubView(MainActivity.this);

http://www.eoee.tk/articles/2013/12/81.html     http://www.cnblogs.com/zjjne/p/3482842.html

设置EditText中数值的方法：

addAndSubView.setNum(30);  或在构造函数中设置数值

获取EditText中数值的方法：

addAndSubView.getNum();

转载请注明出处：

http://www.goteny.com/articles/2013/12/81.html

http://www.cnblogs.com/zjjne/p/3482842.html 

动态获取EditText中数值的方法：

//设置AddAndSubView中数值变化的监听器OnNumChangeListener
//OnNumChangeListener为AddAndSubView的内部接口
//当AddAndSubView中数值变化时会触发onNumChange，需重写此方法

addAndSubView.setOnNumChangeListener(new OnNumChangeListener()
{
            
    @Override
    public void onNumChange(View view, int num)
    {
        textView.setText(Integer.toString(num));
    }
});

//以Drawable形式 设置按钮背景图

public void Drawable(Drawable addBtnDrawable, Drawable subBtnDrawable)

//以资源Resource形式 设置按钮背景图

public void setButtonBgResource(int addBtnResource, int subBtnResource)

//设置按钮背景颜色

public void setButtonBgColor(int addBtnColor, int subBtnColor)

还有一些设置EditText宽高的函数，具体见源码

下面是详细效果图和代码：

  

  

  

 

源码：

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.Toast;


/**
 * 
 * @author ZJJ
 *
 */
public class AddAndSubView extends LinearLayout
{
    Context context;
    LinearLayout mainLinearLayout;   //主View，即AddAndSubView
    LinearLayout leftLinearLayout;   //内部左view
    LinearLayout centerLinearLayout;   //中间view
    LinearLayout rightLinearLayout;  //内部右view
    OnNumChangeListener onNumChangeListener;
    Button addButton;
    Button subButton;
    EditText editText;
    int num;          //editText中的数值
    int editTextLayoutWidth;  //editText视图的宽度
    int editTextLayoutHeight;  //editText视图的宽度
    int editTextMinimumWidth;  //editText视图的最小宽度
    int editTextMinimumHeight;  //editText视图的最小高度
    int editTextMinHeight;  //editText文本区域的最小高度
    int editTextHeight;  //editText文本区域的高度
    

    public AddAndSubView(Context context)
    {
        super(context);
        this.context = context;
        num = 0;
        control();
    }

    /**
     * 带初始数据实例化
     * @param context
     * @param 初始数据
     */
    public AddAndSubView(Context context, int num)
    {
        super(context);
        this.context = context;
        this.num = num;
        control();
    }
    
    
    
    
    public AddAndSubView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
　　　　　　　this.context = context;
 67         num = 0;
        control();
    }

    /**
     * 
     */
    private void control()
    {
        initTextWithHeight();
        initialise();          //实例化内部view
        setViewsLayoutParm();  //设置内部view的布局参数
        insertView();            //将子view放入linearlayout中
        setViewListener();
    }
    
    
    /**
     * 初始化EditText宽高参数
     */
    private void initTextWithHeight()
    {
        editTextLayoutWidth = -1;
        editTextLayoutHeight = -1;
        editTextMinimumWidth = -1;
        editTextMinimumHeight = -1;
        editTextMinHeight = -1;
        editTextHeight = -1;
    }
    
    
    /**
     * 实例化内部View
     */
    private void initialise()
    {
        mainLinearLayout = new LinearLayout(context);
        leftLinearLayout = new LinearLayout(context);
        centerLinearLayout = new LinearLayout(context);
        rightLinearLayout = new LinearLayout(context);
        addButton = new Button(context);
        subButton = new Button(context);
        editText = new EditText(context);
        
        addButton.setText("+");
        subButton.setText("-");
        addButton.setTag("+");
        subButton.setTag("-");
        //设置输入类型为数字
        editText.setInputType(android.text.InputType.TYPE_CLASS_NUMBER);
        editText.setText(String.valueOf(num));
    }
    
    /**
     * 设置内部view的布局参数
     */
    private void setViewsLayoutParm()
    {
        LayoutParams viewLayoutParams = new LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT, 
                LinearLayout.LayoutParams.WRAP_CONTENT);
        
        addButton.setLayoutParams(viewLayoutParams);
        subButton.setLayoutParams(viewLayoutParams);
        editText.setLayoutParams(viewLayoutParams);
        editText.setGravity(Gravity.CENTER);
        setTextWidthHeight();
        
        viewLayoutParams.gravity = Gravity.CENTER;
        centerLinearLayout.setLayoutParams(viewLayoutParams);
        //让editText不自动获得焦点
        centerLinearLayout.setFocusable(true);
        centerLinearLayout.setFocusableInTouchMode(true);
        
        viewLayoutParams.width = LinearLayout.LayoutParams.WRAP_CONTENT;
        viewLayoutParams.weight = 1.0f;
        leftLinearLayout.setLayoutParams(viewLayoutParams);  //参数：宽、高、比重，比重为1.0
        rightLinearLayout.setLayoutParams(viewLayoutParams);  //参数：宽、高、比重，比重为1.0
        
        viewLayoutParams.width = LinearLayout.LayoutParams.MATCH_PARENT;
        mainLinearLayout.setLayoutParams(viewLayoutParams);
        mainLinearLayout.setOrientation(LinearLayout.HORIZONTAL);
    }
    
    
    /**
     * 设置EditText视图和文本区域宽高
     */
    private void setTextWidthHeight()
    {
        float fPx;
        
        //设置视图最小宽度
        if (editTextMinimumWidth < 0)
        {
            // 将数据从dip(即dp)转换到px，第一参数为数据原单位（此为DIP），第二参数为要转换的数据值
            fPx = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                    80f, context.getResources().getDisplayMetrics());
            editTextMinimumWidth = Math.round(fPx);
        }
        editText.setMinimumWidth(editTextMinimumWidth);
        
        //设置文本区域高度
        if (editTextHeight > 0)
        {
            if (editTextMinHeight >= 0 && editTextMinHeight > editTextHeight)
            {
                editTextHeight = editTextMinHeight;
            }
            editText.setHeight(editTextHeight);
        }
        
        //设置视图高度
        if (editTextLayoutHeight > 0)
        {
            if (editTextMinimumHeight > 0  && 
                    editTextMinimumHeight > editTextLayoutHeight)
            {
                editTextLayoutHeight = editTextMinimumHeight;
            }
            
            LayoutParams layoutParams = (LayoutParams) editText.getLayoutParams();
            layoutParams.height = editTextLayoutHeight;
            editText.setLayoutParams(layoutParams);
        }
        
        //设置视图宽度
        if (editTextLayoutWidth > 0)
        {
            if (editTextMinimumWidth > 0  && 
                    editTextMinimumWidth > editTextLayoutWidth)
            {
                editTextLayoutWidth = editTextMinimumWidth;
            }
            
            LayoutParams layoutParams = (LayoutParams) editText.getLayoutParams();
            layoutParams.width = editTextLayoutWidth;
            editText.setLayoutParams(layoutParams);
        }
    }
    
    /**
     * 将子view放入linearlayout中
     */
    private void insertView()
    {
        mainLinearLayout.addView(leftLinearLayout, 0);
        mainLinearLayout.addView(centerLinearLayout, 1);
        mainLinearLayout.addView(rightLinearLayout, 2);
        
        leftLinearLayout.addView(addButton);
        centerLinearLayout.addView(editText);
        rightLinearLayout.addView(subButton);

        addView(mainLinearLayout);  //将整块视图添加进当前AddAndSubView中
    }

    /**
     * 设置editText中的值
     * @param num
     */
    public void setNum(int num)
    {
        this.num = num;
        editText.setText(String.valueOf(num));
    }
    
    /**
     * 获取editText中的值
     * @return
     */
    public int getNum()
    {
        if ( editText.getText().toString() != null )
        {
            return Integer.parseInt(editText.getText().toString());
        }
        else {
            return 0;
        }
    }

    
    /**
     * 设置EditText视图的最小高度
     * @param minimumWidth EditText的最小高度，单位px
     */
    public void setEditTextMinimumWidth(int editTextMinimumWidth)
    {
        //设置视图最小宽度
        if (editTextMinimumWidth > 0)
        {
            this.editTextMinimumWidth = editTextMinimumWidth;
            editText.setMinimumWidth(editTextMinimumWidth);
        }
        
    }

    /**
     * 设置EditText视图的最小高度
     * @param editTextMinimumHeight EditText视图的最小高度,单位：px
     */
    public void setEditTextMinimumHeight(int editTextMinimumHeight)
    {
        //设置视图最小高度
        if (editTextMinimumHeight > 0)
        {
            this.editTextMinimumHeight = editTextMinimumHeight;
            editText.setMinimumHeight(editTextMinimumHeight);
        }
    }

    /**
     * 设置EditText文本区域的最小高度
     * @param editTextMinHeight EditText文本区域的最小高度,单位：px
     */
    public void setEditTextMinHeight(int editTextMinHeight)
    {
        //设置文本区域最小高度
        if (editTextMinHeight > 0)
        {
            this.editTextMinHeight = editTextMinHeight;
            editText.setMinHeight(editTextMinHeight);
        }
    }

    /**
     * 设置EditText文本区域的高度
     * @param editTextHeight EditText文本区域的高度,单位：px
     */
    public void setEditTextHeight(int editTextHeight)
    {
        this.editTextHeight = editTextHeight;
        setTextWidthHeight();
    }

    /**
     * 设置EditText视图的宽度
     * @param editTextLayoutWidth 设置EditText视图的宽度,单位px
     */
    public void setEditTextLayoutWidth(int editTextLayoutWidth)
    {
        this.editTextLayoutWidth = editTextLayoutWidth;
        setTextWidthHeight();
    }

    /**
     * 设置EditText视图的高度
     * @param editTextLayoutHeight EditText视图的最小高度，单位px
     */
    public void setEditTextLayoutHeight(int editTextLayoutHeight)
    {
        this.editTextLayoutHeight = editTextLayoutHeight;
        setTextWidthHeight();
    }

    /**
     * 以Drawable形式 设置按钮背景图
     * @param addBtnDrawable 加号背景图
     * @param subBtnDrawable 减号背景图
     */
    public void Drawable(Drawable addBtnDrawable, Drawable subBtnDrawable)
    {
        //不推荐用setBackgroundDrawable，新API推荐用setBackground（在API 16中）
        addButton.setBackgroundDrawable(addBtnDrawable);
        subButton.setBackgroundDrawable(subBtnDrawable);
        addButton.setText("");
        subButton.setText("");
    }
    
    /**
     * 以资源Resource形式 设置按钮背景图
     * @param addBtnResource 加号背景图
     * @param subBtnResource 减号背景图
     */
    public void setButtonBgResource(int addBtnResource, int subBtnResource)
    {
        addButton.setBackgroundResource(addBtnResource);
        subButton.setBackgroundResource(subBtnResource);
        addButton.setText("");
        subButton.setText("");
    }
    
    /**
     * 设置按钮背景色
     * @param addBtnColor 加号背景色
     * @param subBtnColor 减号背景色
     */
    public void setButtonBgColor(int addBtnColor, int subBtnColor)
    {
        addButton.setBackgroundColor(addBtnColor);
        subButton.setBackgroundColor(subBtnColor);
    }
    
    /**
     * 设置EditText文本变化监听
     * @param onNumChangeListener
     */
    public void setOnNumChangeListener(OnNumChangeListener onNumChangeListener)
    {
        this.onNumChangeListener = onNumChangeListener;
    }
    
    
    /**
     * 设置文本变化相关监听事件
     */
    private void setViewListener()
    {
        addButton.setOnClickListener(new OnButtonClickListener());
        subButton.setOnClickListener(new OnButtonClickListener());
        editText.addTextChangedListener(new OnTextChangeListener());
    }
    
    
    /**
     * 加减按钮事件监听器
     * @author ZJJ
     *
     */
    class OnButtonClickListener implements OnClickListener
    {

        @Override
        public void onClick(View v)
        {
            String numString = editText.getText().toString();
            if (numString == null || numString.equals(""))
            {
                num = 0;
                editText.setText("0");
            } else
            {
                if (v.getTag().equals("+"))
                {
                    if (++num < 0)  //先加，再判断
                    {
                        num--;
                        Toast.makeText(context, "请输入一个大于0的数字",
                                Toast.LENGTH_SHORT).show();
                    } else
                    {
                        editText.setText(String.valueOf(num));
                        
                        if (onNumChangeListener != null)
                        {
                            onNumChangeListener.onNumChange(AddAndSubView.this, num);
                        }
                    }
                } else if (v.getTag().equals("-"))
                {
                    if (--num < 0)  //先减，再判断
                    {
                        num++;
                        Toast.makeText(context, "请输入一个大于0的数字",
                                Toast.LENGTH_SHORT).show();
                    } else
                    {
                        editText.setText(String.valueOf(num));
                        if (onNumChangeListener != null)
                        {
                            onNumChangeListener.onNumChange(AddAndSubView.this, num);
                        }
                    }
                }
            }
        }
    }
    
    
    /**
     * EditText输入变化事件监听器
     * @author ZJJ
     *
     */
    class OnTextChangeListener implements TextWatcher
    {

        @Override
        public void afterTextChanged(Editable s)
        {
            String numString = s.toString();
            if(numString == null || numString.equals(""))
            {
                num = 0;
                if (onNumChangeListener != null)
                {
                    onNumChangeListener.onNumChange(AddAndSubView.this, num);
                }
            }
            else {
                int numInt = Integer.parseInt(numString);
                if (numInt < 0)
                {
                    Toast.makeText(context, "请输入一个大于0的数字",
                            Toast.LENGTH_SHORT).show();
                } else
                {
                    //设置EditText光标位置 为文本末端
                    editText.setSelection(editText.getText().toString().length());
                    num = numInt;
                    if (onNumChangeListener != null)
                    {
                        onNumChangeListener.onNumChange(AddAndSubView.this, num);
                    }
                }
            }
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after)
        {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                int count)
        {
            
        }
        
    }
    
    
    public interface OnNumChangeListener
    {
        /**
         * 输入框中的数值改变事件
         * @param view 整个AddAndSubView
         * @param num 输入框的数值
         */
        public void onNumChange(View view, int num);
    }
    
}

Demo 下载地址：

第一版：http://download.csdn.net/detail/zjjne/6740865

第二版：（修改部分BUG和添加从XML中实例化的Demo）http://download.csdn.net/detail/zjjne/8044679

转载请注明出处：

http://www.goteny.com/articles/2013/12/81.html

http://www.cnblogs.com/zjjne/p/3482842.html

THE END

---