安卓TextView调整下划线颜色、与文本底部的距离

下划线颜色、与文本底部的距离"/>

安卓TextView调整下划线颜色、与文本底部的距离

需要自定义view来实现，因为安卓的TextView没有提供设置颜色与间距的方法

实现效果

• 下划线颜色与文字不一样
• 下划线距离文字底部的边界可调整
• 但只能标记同一行的文字，也就是说下划线的start与end在同一行。还没多行的需求，有时间再说
  

package com.XXXimport android.annotation.SuppressLint
import android.content.Context
import android.graphics.Canvas
import android.graphics.Paint
import android.graphics.Rect
import android.util.AttributeSet
import android.util.Log
import androidx.annotation.ColorRes
import androidx.appcompat.widget.AppCompatTextView
import androidx.core.content.ContextCompat
import com.XXX.R/*** 设置下划线，支持设置下划线颜色、文本底部矩形边界与下划线的间距；下划线仅支持展示在一行*/
class OnSameLineUnderLineTextView @JvmOverloads constructor(context: Context,attrs: AttributeSet? = null,defStyleAttr: Int = 0
) : AppCompatTextView(context, attrs, defStyleAttr) {private var start: Int = 0private var end: Int = 0private var widthDp: Float = 1fprivate var colorRes: Int = R.color.blackprivate var offsetOfY: Float = 0f/*** 给文字设置下划线* @param   start 下划线初始字符的索引*          end   下划线结束字符的索引*          widthDp 下划线的高度*          colorRes 颜色*          offsetOfY 底部边界*/fun drawUnderLine(start: Int,end: Int,widthDp: Float = this.widthDp,@ColorRes colorRes: Int = this.colorRes,offsetOfY: Float = 0f) {this.start = startthis.end = endthis.widthDp = widthDpthis.colorRes = colorResthis.offsetOfY = offsetOfYinvalidate()}@SuppressLint("DrawAllocation")override fun onDraw(canvas: Canvas) {if (this.start >= this.end) returnval paint = Paint()paint.color = ContextCompat.getColor(context, this.colorRes)paint.strokeWidth = widthDp//只有同一行生效val lineStart = layout.getLineForOffset(start)val lineEnd = layout.getLineForOffset(end)if (lineStart == lineEnd) {val bound = Rect()layout.getLineBounds(lineStart, bound)val startXBottom = layout.getPrimaryHorizontal(start)val startYBottom = bound.bottom.toFloat()val endXBottom = layout.getSecondaryHorizontal(end)val endYBottom = bound.bottom.toFloat()canvas.drawLine(startXBottom, startYBottom + offsetOfY, endXBottom, endYBottom + offsetOfY, paint)} else {//待实现多行逻辑}super.onDraw(canvas)}
}

调用

//你的字符串，注意需要下划线的那段文字需要在同一行！！我是直接在差不多的位置加的"\n"
val baseString = itemView.context.getString(bean.content)
//需要下划线的那段字
val lineString = itemView.context.getString(bean.contentSub)
//找到需下划线文字的开头索引
val indexOf = baseString.indexOf(lineString)
if (indexOf >= 0) {//给textview加6dp，指定颜色的下划线，mProductTitle.drawUnderLine(indexOf, indexOf + lineString.length,SmartUtil.dp2px(6f).toFloat(), bean.contentSubUnderLineColorRes,SmartUtil.dp2px(-9f).toFloat())
}

那个-9是怎么来的？

最后说一下上面调用的代码中 第五个参数传“-9”是怎么来的

mProductTitle.drawUnderLine(indexOf, indexOf + lineString.length,SmartUtil.dp2px(6f).toFloat(), bean.contentSubUnderLineColorRes,SmartUtil.dp2px(-9f).toFloat())

因为TextView每行文字底部的边界不是文字的边界,在自定义view时layout.getLineBounds找到的底部边界时每行文字所在矩形的底边，“-9”就相当于 相对这个底边的offset，需要你自己调

如果能帮助到您，请点个👍吧 谢谢啦