android中使用LinearGradient实现渲染效果

最新推荐文章于 2025-07-01 11:35:51 发布

原创最新推荐文章于 2025-07-01 11:35:51 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #textview #界面 #class #LinearGrad

android 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在Android开发中如何利用LinearGradient为TextView创建渲染效果，提升界面美观度。通过示例代码展示了具体实现步骤。

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

在开发过程中很多时候我们都会使用各种各样的效果，从而是界面的表现效果更加的漂亮。今天我们就来学习一下使用LinearGradient实现对TextView的渲染效果。下面我们就来看一下代码的实现。
实现的效果图

public class ShineTextView extends TextView {
    private LinearGradient mLinearGradient;
    private Matrix mMatrix;
    private Paint mPaint;
    private int mViewWidth=0;
    private int mTranslate=0;
    public ShineTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    public ShineTextView(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();
            mPaint=getPaint();
            if(mViewWidth>0){
                //参数一为渐变起初点坐标x位置，参数二为y轴位置，参数三和四分辨对应渐变终点，最后参数为平铺方式，这里设置为镜像
               mLinearGradient=new LinearGradient(0,0,mViewWidth,0,Color.RED,Color.BLUE,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);
        }
    }
}