转载

多行 EditText 的光标高度问题

问题

改变文本的行间距需要给 EditText 设置 lineSpacingExtra 和 lineSpacingMultiplier 这个时候的 EditText 的光标高度就会变得很难看.

多行 EditText 的光标高度问题

解决办法

自定义 cursorDrawable 然后设置 padding 值

原理

EditText 在更新光标的视图的时候检查了光标 drawable 的 padding. 计算光标高度会算上相应的值.

相关源码:

Editor.java

private void updateCursorPosition(int cursorIndex, int top, int bottom, float horizontal) {
    // ...

    if (mTempRect == null) mTempRect = new Rect();
    mCursorDrawable[cursorIndex].getPadding(mTempRect); //光标的 padding
    
    // ...

    // 上下边距的最终值为 top - mTempRect.top 和 bottom + mTempRect.bottom
    mCursorDrawable[cursorIndex].setBounds(left, top - mTempRect.top, left + width,
            bottom + mTempRect.bottom);

}

那么 top 和 bottom 的值是多少 ?

Editor.java

void updateCursorsPositions() {
    //...

    Layout layout = mTextView.getLayout();
    Layout hintLayout = mTextView.getHintLayout();
    final int offset = mTextView.getSelectionStart();
    final int line = layout.getLineForOffset(offset); // 算出当前是第几行
    final int top = layout.getLineTop(line); // 算出第 line 行的顶部坐标
    final int bottom = layout.getLineTop(line + 1); // 算出第 line+1 行的顶部坐标

    // ...

    boolean clamped = layout.shouldClampCursor(line);
    updateCursorPosition(0, top, middle,
            getPrimaryHorizontal(layout, hintLayout, offset, clamped));

    // ...
}

从源码看出 bottom 到 top 的距离为第 line 行的顶部到第 line+1 行的顶部. 也就是上面图中的效果.

解决方法:

自定义一个 cursor.xml , 然后设置 android:textCursorDrawable="@drawable/cursor"

cursor.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <size
        android:width="2dip" />
    <solid
        android:color="#f00" />
    <padding
        android:top="0dp"
        android:bottom="-22dp" />
</shape>

注意上面设置了 shape 的 padding 计算出来 bottom = 行高 - 文字高度 = 42 - 20 = 22 .当然这值是可以自己调整的.

多行 EditText 的光标高度问题

文章来自：http://hanks.xyz

原文 http://hanks.xyz/2016/07/24/edittext-cursor/

正文到此结束

所属分类：编程技术

本文标签： update XML java Select 文章 Android http UI DDL tar src schema ip final 源码解决方法
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二