自定义渐变文字

最新推荐文章于 2025-08-08 08:57:46 发布

原创最新推荐文章于 2025-08-08 08:57:46 发布 · 355 阅读

0 ·

CC 4.0 BY-SA版权

移动开发专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种自定义TextView的方法，通过继承AppCompatTextView并使用LinearGradient实现动态渐变文字效果。文章详细展示了如何设置渐变颜色、移动距离及更新绘制过程。

自定义渐变文字当然要继承TextView了，撸完直接在资源文件中引用就OK了。

public class GradientTextView extends android.support.v7.widget.AppCompatTextView {

    private int width;
    /** 移动距离*/
    private int translateWidth;
    private Paint paint;
    private Matrix matrix;
    private LinearGradient linearGradient;


    public GradientTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public GradientTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public GradientTextView(Context context) {
        super(context);
    }
    @Override

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        if(w!=0){
            width=w;
        }else{
            width=getMeasuredWidth();
        }
        paint=getPaint();
        linearGradient=new LinearGradient(-width, 0,0,0,
                new int[]{Color.RED,Color.GREEN,Color.MAGENTA},
                new float[]{0,0.5f,1f},
                Shader.TileMode.CLAMP);
        //添加渲染
        paint.setShader(linearGradient);
        paint.setColor(Color.BLACK);
        matrix=new Matrix();
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(matrix==null)
            return;
        //每次移动原来宽的15分之一
        translateWidth+=width/15;
        //表示刚刚移动 了width个宽度 即 正好包含了整个textview 的时候还原
        if(translateWidth>width*2){
            translateWidth-=width*2;
        }
        //移动
        matrix.setTranslate(translateWidth,0);
        linearGradient.setLocalMatrix(matrix);
        postInvalidateDelayed(100);
    }
}