最近在项目中有这样一个极其简单需求,需要将输入框内容向右靠齐。为达到这样的效果,修改EditText布局如下:
<EditText
android:id="@+id/name"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_gravity="center_vertical|right"
android:hint="请输入姓名" />
在一般手机上显示没有任何问题,但在部分手机上显示时光标会显示在hintText之前,如图所示(我用的genymotion 6.0版本的模拟器):
但输入文字内容后又会变成:
显然在未输入内容时,光标的位置是不对的,找了一番并没有找到合适的办法解决该问题。
后来在这里找到一种解决方案:解决EditText文字右对齐时光标出现在hint文字的左边的问题。
主要思想是:既然EditText显示了hint的情况下光标不对,那么我就不显示hint,这样光标就没问题了,然后用一个TextView覆盖在EditText之上,用该TextView来显示hint,最后监听EditText的内容变化,有内容时隐藏TextView。
思路很简单,也很有效。
但是毕竟增加了一个TextView,而且我的项目中大部分EditText都是靠右对齐,改动较大,所以我在该思想的基础上,自定义封装了一个EditText。
主要思想是:不设置EditText的hint,而改由自己绘制。
代码如下(也可以参考 https://gist.github.com/naturs/60935654e016e78cf87ba503dc2b1fc6):
public class FixedCursorEditText extends AppCompatEditText {
private CharSequence mHint;
private Paint mHintPaint;
private int mCurHintTextColor;
public FixedCursorEditText(Context context) {
this(context, null);
}
public FixedCursorEditText(Context context, AttributeSet attrs) {
this(context, attrs, android.support.v7.appcompat.R.attr.editTextStyle);
}
public FixedCursorEditText(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attrs, int defStyleAttr) {
mHint = getHint();
setHint("");
mHintPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
mHintPaint.setTextSize(getTextSize());
mHintPaint.setTextAlign(Paint.Align.RIGHT);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (TextUtils.isEmpty(mHint) || !TextUtils.isEmpty(getText())) {
return;
}
canvas.save();
ColorStateList hintTextColors = getHintTextColors();
if (hintTextColors != null) {
int color = hintTextColors.getColorForState(getDrawableState(), 0);
if (color != mCurHintTextColor) {
mCurHintTextColor = color;
mHintPaint.setColor(color);
}
}
Paint.FontMetricsInt fontMetrics = mHintPaint.getFontMetricsInt();
int baseline = (getHeight() - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;
canvas.drawText(mHint, 0, mHint.length(),
getWidth() - getPaddingRight() + getScrollX(),
baseline, mHintPaint);
canvas.restore();
}
}
首先在初始化时拿到设置的hint保存起来,然后清空EditText本身的hint,最后在onDraw()方法中绘制自己的hint。
该代码仅适用于一些简单的情况,如果你有更复杂的逻辑,完全可以扩展它,这里主要是提供一个思路。
最终,光标能正确显示: