前段時間做項目需要做一個待下劃線的TextView,于是研究了下檬某，通過萬能的搜索找到這么幾個方法：
1.設(shè)置TextView的Paint屬性
tv3.getPaint().setFlags(Paint. UNDERLINE_TEXT_FLAG );
2.用Html類的fromHtml（）方法格式化要放到TextView里的文字 蝗砾，與第1種一樣钞瀑，只是是用代碼動態(tài)設(shè)置
tv1.setText(Html.fromHtml("<u>"+"北京霧霾“凈化”塔更名“警示”塔"+"<u/>"));
3.使用SpannableString類 ‘String text="北京霧霾“凈化”塔更名“警示”塔";
SpannableString content = new SpannableString(text); content.setSpan(new UnderlineSpan(), 0, text.length(), 0);
tv4.setText(content);
效果圖如下：
![]()
下劃線
下劃線
然而恕小弟愚鈍還是沒有找到辦法只修改下劃線顏色的方法仿便，所以只能自定義TextView,又繼續(xù)扣代碼，找到TextView下列屬性：
TextView 的 layout里面包含各種獲取字符位置信夫、行數(shù)扁位、列數(shù)等的方法
layout.getLineForOffset 獲取該字符所在行數(shù).
layout.getLineBounds獲取該行的外包矩形（Rect) 這樣 這個字符的頂部Y坐標(biāo)就是rect的top 底部Y坐標(biāo)就是rect的bottom
layout.getPrimaryHorizontal獲取該字符左邊的X左邊
layout.getSecondaryHorizontal獲取該字符字符的右邊X坐標(biāo)
示例代碼如下：
int position = 第幾個字符
Layout layout = textView.getLayout();
Rect bound = new Rect();
int line = layout.getLineForOffset(position);
layout.getLineBounds(line, bound);
yAxisTop = bound.top;//字符頂部y坐標(biāo)
yAxisBottom = bound.bottom;//字符底部y坐標(biāo)
xAxisLeft = layout.getPrimaryHorizontal(position);//字符左邊x坐標(biāo)
xAxisRight = layout.getSecondaryHorizontal(position);//字符右邊x坐標(biāo)
最后實現(xiàn)的代碼如下：
public class UnderLineTextView extends TextView {
private Rect mRect;
private Paint mPaint;
private int mColor;
private float density;
private float mStrokeWidth;
public UnderLineTextView(Context context) {
this(context, null, 0);
}
public UnderLineTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public UnderLineTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attrs, int defStyleAttr){
//獲取屏幕密度
density=context.getResources().getDisplayMetrics().density;
//獲取自定義屬性
TypedArray array=context.obtainStyledAttributes(attrs,R.styleable.UnderlinedTextView,defStyleAttr,0);
mColor=array.getColor(R.styleable.UnderlinedTextView_underlineColor,0xFFFF0000);
mStrokeWidth=array.getDimension(R.styleable.UnderlinedTextView_underlineWidth,density*2);
array.recycle();
mRect=new Rect();
mPaint =new Paint();
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setColor(mColor);
mPaint.setStrokeWidth(mStrokeWidth);
}
@Override
protected void onDraw(Canvas canvas) {
//得到TextView顯示有多少行
int count=getLineCount();
//得到TextView的布局
final Layout layout=getLayout();
float x_start,x_stop,x_diff;
int firstCharInLine, lastCharInLine;
for (int i = 0; i < count; i++) {
//getLineBounds得到這一行的外包矩形,
// 這個字符的頂部Y坐標(biāo)就是rect的top 底部Y坐標(biāo)就是rect的bottom
int baseline=getLineBounds(i,mRect);
firstCharInLine=layout.getLineStart(i);
lastCharInLine = layout.getLineEnd(i);
//要得到這個字符的左邊X坐標(biāo) 用layout.getPrimaryHorizontal
//得到字符的右邊X坐標(biāo)用layout.getSecondaryHorizontal
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, mPaint);
}
super.onDraw(canvas);
}
public int getUnderLineColor() {
return mColor;
}
public void setUnderLineColor(int mColor) {
this.mColor = mColor;
invalidate();
}
public float getUnderlineWidth() {
return mStrokeWidth;
}
public void setUnderlineWidth(float mStrokeWidth) {
this.mStrokeWidth = mStrokeWidth;
invalidate();
}}
ps:在xml使用范例為:
<talon.com.underlineText.UnderLineTextView
android:id="@+id/tv_underline"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:underlineWidth="2dp"
app:underlineColor="@color/colorAccent"
android:text="我很好我很好我很好"/
其中自定義屬性
效果圖如下：app:underlineWidth設(shè)置下劃線寬度
app:underlineColor設(shè)置下劃線的顏色 至此帶下劃線的TextView大功告成。
UnderLineTextView
注：童鞋們想要便捷的使用如何破呢者铜？在gradle中添加依賴腔丧，就可以使用啦放椰，如下：
compile 'talon.com:underlineText:1.0.0'
