彩色跑马灯TextView

最新推荐文章于 2022-12-31 18:18:20 发布

原创最新推荐文章于 2022-12-31 18:18:20 发布 · 469 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #textview

安卓专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用Android的LinearGradient实现动态颜色滚动效果的方法。通过自定义RainbowTextView组件，结合Matrix平移实现了类似彩虹般从左到右的颜色过渡动画，并在每次绘制时更新位置以达到流畅的视觉体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用android中的LinearGradient,来实现滚动的颜色,其实就是一个矩阵在跑

package com.minami.qtest1;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.widget.TextView;

public class RainbowTextView extends TextView {
    private int mViewWidth=0;
    private float mTranslate = 0;
    private Paint mPaint;
    private LinearGradient mLinearGradient;
    private Matrix mMatrix;

    public RainbowTextView(Context context) {
        super(context);
    }

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

    public RainbowTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        //初始化渲染器
        if (mViewWidth == 0) {
            mViewWidth = getMeasuredWidth();
            if (mViewWidth > 0) {
                mPaint = getPaint();
                mLinearGradient = new LinearGradient(0, 0, mViewWidth, 0, new int[]{Color.RED, Color.GREEN, Color.YELLOW},
                        null, Shader.TileMode.MIRROR);
                mPaint.setShader(mLinearGradient);
                mMatrix = new Matrix();
            }
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mMatrix != null) {
            mTranslate += mViewWidth / 5;
            if (mTranslate>2*mViewWidth){
                mTranslate=-mViewWidth;
            }
            mMatrix.setTranslate(mTranslate,0);
            mLinearGradient.setLocalMatrix(mMatrix);
            postInvalidateDelayed(100);
        }
    }
}