我正试图更改aTextView
中下划线指示器的颜色。
我知道我可以在这样的文本下面加下划线
Spanned htmlString = Html.fromHtml("<u> <font color=\"#FF0000\"> some text </font> </u>")
someTextView.setText(htmlString);
像这样
SpannableString content = new SpannableString(test);
content.setSpan(new UnderlineSpan(), 0, test.length(), 0);
tvTest.setText(content);
但这两种解决方案对文本和下划线指示器使用相同的颜色。我想知道是否可以在没有任何背景XML和反射黑客的情况下,以一种理智的方式更改下划线指示器的颜色
How to underline text in TextView with some different color than that of text?
我只想给文本加下划线,而不是填充和边距。我的文字也可以跨越多行,我希望每行都有下划线。(这就是XML解决方案失败的地方)。
我的代码的结果
最佳答案
回答我自己的问题感觉很奇怪,但为了任何有同样问题的人,我会的。我在阅读其他关于EditText
的文章时偶然发现了Layout类。它通过使用画布手动绘制下划线来提供实现此目的所需的一切。
首先,我定义了自定义属性,以便在xml布局文件中进行简单的自定义
<declare-styleable name="UnderlinedTextView" >
<attr name="underlineWidth" format="dimension" />
<attr name="underlineColor" format="color" />
</declare-styleable>
以及一个定制的
TextView
类public class UnderlinedTextView extends AppCompatTextView {
private Rect lineBoundsRect;
private Paint underlinePaint;
public UnderlinedTextView(Context context) {
this(context, null, 0);
}
public UnderlinedTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public UnderlinedTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attributeSet, int defStyle) {
float density = context.getResources().getDisplayMetrics().density;
TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.UnderlinedTextView, defStyle, 0);
int mColor = typedArray.getColor(R.styleable.UnderlinedTextView_underlineColor, 0xFFFF0000);
float mStrokeWidth = typedArray.getDimension(R.styleable.UnderlinedTextView_underlineWidth, density * 2);
typedArray.recycle();
lineBoundsRect = new Rect();
underlinePaint = new Paint();
underlinePaint.setStyle(Paint.Style.STROKE);
underlinePaint.setColor(mColor); //color of the underline
underlinePaint.setStrokeWidth(mStrokeWidth);
}
@ColorInt
public int getUnderLineColor() {
return underlinePaint.getColor();
}
public void setUnderLineColor(@ColorInt int mColor) {
underlinePaint.setColor(mColor);
invalidate();
}
public float getUnderlineWidth() {
underlinePaint.getStrokeWidth()
}
public void setUnderlineWidth(float mStrokeWidth) {
underlinePaint.setStrokeWidth(mStrokeWidth);
invalidate();
}
@Override
protected void onDraw(Canvas canvas) {
int count = getLineCount();
final Layout layout = getLayout();
float x_start, x_stop, x_diff;
int firstCharInLine, lastCharInLine;
for (int i = 0; i < count; i++) {
int baseline = getLineBounds(i, lineBoundsRect);
firstCharInLine = layout.getLineStart(i);
lastCharInLine = layout.getLineEnd(i);
x_start = layout.getPrimaryHorizontal(firstCharInLine);
x_diff = layout.getPrimaryHorizontal(firstCharInLine + 1) - x_start;
x_stop = layout.getPrimaryHorizontal(lastCharInLine - 1) + x_diff;
canvas.drawLine(x_start, baseline + mStrokeWidth, x_stop, baseline + mStrokeWidth, underlinePaint);
}
super.onDraw(canvas);
}
}
那么它的用法很简单
<some.package.UnderlinedTextView
android:id="@+id/tvTest"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:gravity="center"
android:text="This is a demo text"
android:textSize="16sp"
app:underlineColor="#ffc112ef"
app:underlineWidth="3dp"/>
最终结果
多行
单线