Android整段字体颜色渐变Spannable实现LinearGradientFontSpan颜色渐变

最新推荐文章于 2022-10-27 20:29:37 发布

原创最新推荐文章于 2022-10-27 20:29:37 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#字符串

安卓专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种使用LinearGradientFontSpan实现文本颜色渐变的方法，通过getRadiusGradientSpan函数，可以为任意文本创建从一种颜色渐变到另一种颜色的效果。这种方法适用于Android应用中对视觉效果有高要求的场景。

getRadiusGradientSpan直接填入要传的变色的内容，LinearGradientFontSpan创建的时候传入区间的色值，开始色值，结束色值，这里用Color.parseColor方法转一下就可以了。

public static SpannableStringBuilder getRadiusGradientSpan(String string) {//, int startColor, int endColor
    SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(string);//#fad16f-#af4522
    LinearGradientFontSpan span = new LinearGradientFontSpan(Color.parseColor("#ffd265"), Color.parseColor("#c3481e"));
    spannableStringBuilder.setSpan(span, 0, spannableStringBuilder.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    return spannableStringBuilder;

}





public class LinearGradientFontSpan extends ReplacementSpan {
    private int mSize;
    private int startColor;
    private int endColor;


    public LinearGradientFontSpan(int startColor, int endColor) {
        this.startColor = startColor;
        this.endColor = endColor;

    }

    @Override
    public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
        mSize = (int) (paint.measureText(text, start, end));

        //这段不可以去掉，字体高度没设置，可能出现draw（）方法没有被调用，如果你调用SpannableStringBuilder后append一个字符串，效果也是会出来，下面这段就不需要了
        // 原因详见https://stackoverflow.com/questions/20069537/replacementspans-draw-method-isnt-called
        Paint.FontMetricsInt metrics = paint.getFontMetricsInt();
        if (fm != null) {
            fm.top = metrics.top;
            fm.ascent = metrics.ascent;
            fm.descent = metrics.descent;
            fm.bottom = metrics.bottom;
        }

        return mSize;
    }

    @Override
    public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
        LinearGradient lg = new LinearGradient(0, 0, 0, paint.descent() - paint.ascent(),
                startColor,
                endColor,
                Shader.TileMode.REPEAT); //从上到下渐变
        paint.setShader(lg);

        canvas.drawText(text, start, end, x, y, paint);//绘制文字
    }

}