最近在項目中有這樣一個極其簡單需求,需要將輸入框內容向右靠齊。為達到這樣的效果,修改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版本的模擬器):
QQ20180206-190500@2x.png
但輸入文字內容后又會變成:
QQ20180206-192001@2x.png
顯然在未輸入內容時,光標的位置是不對的,找了一番并沒有找到合適的辦法解決該問題。
后來在這里找到一種解決方案:解決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。
該代碼僅適用于一些簡單的情況,如果你有更復雜的邏輯,完全可以擴展它,這里主要是提供一個思路。
最終,光標能正確顯示:
QQ20180206-193455@2x.png