Android UI

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

2017-03-10  本文已影响283人  Waizau

有这么一个需求: 在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);
    }

}

上一篇 下一篇

猜你喜欢

热点阅读