安卓中设置渐变字体和描边字体

1.CommonFontSpan

1. abstract class CommonFontSpan : ReplacementSpan() {
3.     /** 测量的文本宽度  */
4.     private var mMeasureTextWidth = 0f
6.     override fun getSize(
7.         paint: Paint,
8.         text: CharSequence?,
9.         start: Int,
10.         end: Int,
11.         fontMetricsInt: FontMetricsInt?
12.     ): Int {
13.         mMeasureTextWidth = onMeasure(paint, fontMetricsInt, text, start, end)
14.         // 这段不可以去掉，字体高度没设置，会出现 draw 方法没有被调用的问题
15.         val metrics = paint.fontMetricsInt
16.         if (fontMetricsInt != null) {
17.             fontMetricsInt.top = metrics.top
18.             fontMetricsInt.ascent = metrics.ascent
19.             fontMetricsInt.descent = metrics.descent
20.             fontMetricsInt.bottom = metrics.bottom
21.         }
22.         return mMeasureTextWidth.toInt()
23.     }
25.     override fun draw(
26.         canvas: Canvas,
27.         text: CharSequence?,
28.         start: Int,
29.         end: Int,
30.         x: Float,
31.         top: Int,
32.         y: Int,
33.         bottom: Int,
34.         paint: Paint
35.     ) {
36.         val alpha = paint.alpha
37.         // 判断是否给画笔设置了透明度
38.         if (alpha != 255) {
39.             // 如果是则设置不透明
40.             paint.alpha = 255
41.         }
42.         text?.let {
43.             onDraw(canvas, paint, it, start, end, x, top, y, bottom)
44.         }
45.         // 绘制完成之后将画笔的透明度还原回去
46.         paint.alpha = alpha
47.     }
49.     private fun onMeasure(
50.         paint: Paint,
51.         fontMetricsInt: FontMetricsInt?,
52.         text: CharSequence?,
53.         @IntRange(from = 0) start: Int,
54.         @IntRange(from = 0) end: Int
55.     ): Float {
56.         return paint.measureText(text, start, end)
57.     }
59.     abstract fun onDraw(
60.         canvas: Canvas,
61.         paint: Paint,
62.         text: CharSequence,
63.         @IntRange(from = 0) start: Int,
64.         @IntRange(from = 0) end: Int,
65.         x: Float,
66.         top: Int,
67.         y: Int,
68.         bottom: Int
69.     )
71.     fun getMeasureTextWidth(): Float {
72.         return mMeasureTextWidth
73.     }
74. }

复制代码

2.MultiFontSpan

1. class MultiFontSpan(vararg replacementSpans: ReplacementSpan) : ReplacementSpan() {
3.     /** 测量的文本宽度  */
4.     private var mMeasureTextWidth = 0f
5.     private var mReplacementSpans: List<ReplacementSpan> = mutableListOf()
7.     init {
8.         mReplacementSpans = replacementSpans.toList()
9.     }
11.     override fun getSize(
12.         paint: Paint,
13.         text: CharSequence?,
14.         start: Int,
15.         end: Int,
16.         fm: Paint.FontMetricsInt?
17.     ): Int {
18.         for (replacementSpan in mReplacementSpans) {
19.             val size = replacementSpan.getSize(paint, text, start, end, fm)
20.             mMeasureTextWidth = Math.max(mMeasureTextWidth, size.toFloat())
21.         }
22.         return mMeasureTextWidth.toInt()
23.     }
25.     override fun draw(
26.         canvas: Canvas,
27.         text: CharSequence?,
28.         start: Int,
29.         end: Int,
30.         x: Float,
31.         top: Int,
32.         y: Int,
33.         bottom: Int,
34.         paint: Paint
35.     ) {
36.         for (replacementSpan in mReplacementSpans) {
37.             replacementSpan.draw(canvas, text, start, end, x, top, y, bottom, paint)
38.         }
39.     }
41.     override fun updateDrawState(ds: TextPaint?) {
42.         super.updateDrawState(ds)
43.         for (replacementSpan in mReplacementSpans) {
44.             replacementSpan.updateDrawState(ds)
45.         }
46.     }
48.     override fun updateMeasureState(p: TextPaint) {
49.         super.updateMeasureState(p)
50.         for (replacementSpan in mReplacementSpans) {
51.             replacementSpan.updateMeasureState(p)
52.         }
53.     }
54. }

复制代码

3.LinearGradientFontSpan

1. class LinearGradientFontSpan(
2.     private val mTextGradientColor: IntArray,     /** 文字渐变颜色组 */
3.     private val mTextSize: Int? = null,     /** 文字渐变字体大小(字体大小不一致的话这里必须动态设置) */
4.     private val mTextGradientOrientation: Int? = LinearLayout.VERTICAL,    /** 文字渐变方向 */
5.     private val mTextGradientPositions: FloatArray? = null,   /** 文字渐变位置组 */
6. ) : CommonFontSpan() {
8.     override fun onDraw(
9.         canvas: Canvas,
10.         paint: Paint,
11.         text: CharSequence,
12.         start: Int,
13.         end: Int,
14.         x: Float,
15.         top: Int,
16.         y: Int,
17.         bottom: Int
18.     ) {
19.         mTextSize?.let { paint.textSize = it.sp }
20.         val linearGradient = if (mTextGradientOrientation == LinearLayout.VERTICAL) {
21.             LinearGradient(0f, 0f, 0f, bottom.toFloat(), mTextGradientColor, mTextGradientPositions, Shader.TileMode.REPEAT)
22.         } else {
23.             LinearGradient(x, 0f, x + getMeasureTextWidth(), 0f, mTextGradientColor, mTextGradientPositions, Shader.TileMode.REPEAT)
24.         }
25.         paint.shader = linearGradient
26.         canvas.drawText(text, start, end, x, y.toFloat(), paint)
27.     }
29.     override fun getSize(
30.         paint: Paint,
31.         text: CharSequence?,
32.         start: Int,
33.         end: Int,
34.         fontMetricsInt: Paint.FontMetricsInt?
35.     ): Int {
36.         mTextSize?.let { paint.textSize = it.sp }
37.         return super.getSize(paint, text, start, end, fontMetricsInt)
38.     }
39. }

复制代码

4.StrokeFontSpan

1. class StrokeFontSpan(
2.     private val mTextStrokeColor: Int,
3.     private val mTextStrokeSize: Int,
4.     private val isSp: Boolean = true,
5. ) : CommonFontSpan() {
7.     /** 描边画笔  */
8.     private val mStrokePaint = Paint()
10.     override fun onDraw(
11.         canvas: Canvas,
12.         paint: Paint,
13.         text: CharSequence,
14.         start: Int,
15.         end: Int,
16.         x: Float,
17.         top: Int,
18.         y: Int,
19.         bottom: Int
20.     ) {
21.         mStrokePaint.set(paint)
22.         // 设置抗锯齿
23.         mStrokePaint.isAntiAlias = true
24.         // 设置防抖动
25.         mStrokePaint.isDither = true
26.         mStrokePaint.textSize = paint.textSize
27.         // 描边宽度
28.         mStrokePaint.strokeWidth = if (isSp) mTextStrokeSize.dp else mTextStrokeSize.toFloat()
29.         mStrokePaint.style = Paint.Style.STROKE
30.         // 设置粗体
31.         paint.isFakeBoldText = paint.typeface === Typeface.DEFAULT_BOLD
32.         mStrokePaint.color = mTextStrokeColor
33.         canvas.drawText(text, start, end, x, y.toFloat(), mStrokePaint)
34.         canvas.drawText(text, start, end, x, y.toFloat(), paint)
35.     }
36. }

复制代码

5.使用

1. SpanUtils.with(mBindView.tvAnswerBtn1)
2.             .append("豆奶")
3.             .setSpans(StrokeFontSpan(Color.WHITE, 1))
4.             .append("好喝")
5.             .setSpans(LinearGradientFontSpan(intArrayOf(Color.RED, Color.BLUE)))
6.             .append("还要")
7.             .setSpans(
8.                 MultiFontSpan(
9.                     StrokeFontSpan(Color.GREEN, 2),
10.                     LinearGradientFontSpan(intArrayOf(Color.WHITE, Color.YELLOW))
11.                 )
12.             )
13.             .create()

复制代码

设置渐变字体 巨细差别

1. val colors = intArrayOf(Color.parseColor("#FDF4E9"), Color.parseColor("#FFDD63"))
2.         SpanUtils.with(mBindView.tvMaxMoney)
3.             .append("30")
4.             .setBold()
5.             .setSpans(LinearGradientFontSpan(colors, 100))
6.             .append("元")
7.             .setSpans(LinearGradientFontSpan(colors, 32))
8.             .create()

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。