美文网首页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);
    }

}

相关文章

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

    有这么一个需求: 在Android常用的EditText中,设置固定的左侧文字,不影响接着的输入(如下图所示,其中...

  • 两栏布局和三栏布局

    两栏布局 1、左侧固定宽度,右侧自适应 方法一: 左侧设置float:left,右侧设置margin-left为左...

  • 多列布局方案

    两栏布局 左侧固定右侧自适应 右侧固定左侧自适应 技术原理(左侧固定右侧自适应) 结构上左右两个盒子,左侧设置为固...

  • EditText属性详解

    Android开发之EditText属性详解 1、EditText输入的文字为密码形式的设置 (1)通过.xml里...

  • android中EditText的使用

    EditText设置输入类型为数字 xml 代码 EditText设置不可编辑 xml 代码 EditText设置...

  • Android EditText 用法小结

    知识点 显示光标但不显示软键盘 将光标移至文字末尾 给EditText设置文本 给EditText设置为空 搜索跳...

  • 左固定 右侧自适应

    注意: flex 子项目默认shrink:1; 空间不足将缩小

  • EditText设置固定行数

     使用EditText默认为我们提供了maxLines的属性,实现了可视范围内的行数限制。如果希望字数超过指定行数...

  • 两栏布局,三栏布局(圣杯布局、双飞翼布局)

    一. 两栏布局总结(左边固定,右侧自适应) 第一种:float+BFC 注意:设置左盒子margin-right直...

  • CSS自适应布局

    今天小编介绍自适应布局实现方法的demo,1)左侧固定宽度,右侧自适应,随着窗口的宽度而变化;2)右侧固定宽度,左...

网友评论

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

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

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