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

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

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,372评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,535评论 0 17
  • 一、概述 1. 四线格与基线 小时候,我们在刚开始学习写字母时,用的本子是四线格的,我们必须把字母按照规则写在四线...
    addapp阅读 7,772评论 2 17
  • 前言 一个有经验的开发,碰到一些特殊的UI控件,脑海中应该是有好几种实现方案的,同时也能记起一些第三方相似的开源控...
    Brant白叔阅读 2,344评论 0 4
  • 什么是集合? (set)集合中的对象不按特定的方式排序,并且没有重复对象。 什么是列表? (list)集合中的对象...
    十方天仪君阅读 270评论 0 0