需求图有这么一个需求: 在Android常用的EditText中,设置固定的左侧文字,不影响接着的输入(如下图所示,其中输入金额的部分,只能输入数字或者小数点,而左侧的人民币符号是固定的)?
或许有人可能会通过检测输入来做判断,也有的会通过一个相对布局+一个放左边的textview+一个放右边的edittext来实现效果,但是这样也是相当的麻烦的,难道不是么?
而其实只要了解简单的自定义View绘制,ding'yi就能很快解决需求的了。
- 测出需要固定文字的长度
- 设置EditText的padding,让其留出位置绘制需要固定的文字
- 通过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);
}
}
网友评论