美文网首页Android UI
为EditText设置左/右侧固定文字

为EditText设置左/右侧固定文字

作者: Waizau | 来源:发表于2017-03-10 20:13 被阅读283次

    有这么一个需求: 在Android常用的EditText中,设置固定的左侧文字,不影响接着的输入(如下图所示,其中输入金额的部分,只能输入数字或者小数点,而左侧的人民币符号是固定的)?

    需求图

    或许有人可能会通过检测输入来做判断,也有的会通过一个相对布局+一个放左边的textview+一个放右边的edittext来实现效果,但是这样也是相当的麻烦的,难道不是么?
    而其实只要了解简单的自定义View绘制,ding'yi就能很快解决需求的了。

    1. 测出需要固定文字的长度
    2. 设置EditText的padding,让其留出位置绘制需要固定的文字
    3. 通过onDraw(Canvas canvas)方法,绘制文字,这里需要注意到的是,通过 canvas.drawText(text,x,y,paint)方法绘制文字的时候,y应该是getBaseline(),而不是文字的左侧顶点,这也是刚接触这个容易弄混的点。

    下面直接放出设置左侧固定文字的代码:

    /**
     * 左边有固定文字EditText
     */
    public class FixedEditText extends EditText {
        private String fixedText;
        private View.OnClickListener mListener;
        private int leftPadding;
    
        public FixedEditText(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
    
        public void setFixedText(String text) {
            fixedText = text;
            leftPadding = getPaddingLeft();
            int left = (int) getPaint().measureText(fixedText) + leftPadding;
            setPadding(left, getPaddingTop(), getPaddingBottom(), getPaddingRight());
            invalidate();
        }
    
        public void setDrawableClick(View.OnClickListener listener) {
            mListener = listener;
        }
    
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            if (!TextUtils.isEmpty(fixedText)) {
                canvas.drawText(fixedText, leftPadding, getBaseline(), getPaint());
    //            通过下面的代码,可以查看出文字的基线,以及view的中线
    //            Paint p = new Paint();
    //            p.setStrokeWidth(1);
    //            p.setColor(Color.parseColor("#ff0000"));
    //            canvas.drawLine(0, getBaseline(), getMeasuredWidth(), getBaseline(), p);
    //            canvas.drawLine(0, getMeasuredHeight() / 2, getMeasuredWidth(), getMeasuredHeight() / 2, p);
            }
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            if (mListener != null && getCompoundDrawables()[2] != null) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        int i = getMeasuredWidth() - getCompoundDrawables()[2].getIntrinsicWidth();
                        if (event.getX() > i) {
                            mListener.onClick(this);
                            return true;
                        }
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                    default:
                        break;
                }
            }
            return super.onTouchEvent(event);
        }
    
    }
    
    

    相关文章

      网友评论

      • 若者浮生:设置padding之后,换行就不能满足需求了。

      本文标题:为EditText设置左/右侧固定文字

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