继承TextView实现自定义动态文字闪动效果

不会录制，所以看下图就行了，

———–ps：这里我继承的是TextView，其实和继承View的原理是一样的
这里实现了两个效果：1、背景分层，2、文字动态闪动
原理：
原生的TextView使用onDraw（）方法绘制要显示的文字，当继承系统的TextView之后，那么如果不对onDraw（）进行重写，将不会产生对TextView的任何修改。所以自定义中，通过重写onDraw（）方法来绘制显示的文字。

@Override
protected void onDraw(Canvas canvas) {
    //绘制文本内容之前需要作的修改
    super.onDraw(canvas);
    //绘制文本内容之后需要做的修改
}

在代码中最重要的部分就是在onDraw（）方法中，为了改变原生的绘制行为，在调用系统的 super.onDraw(canvas)前，先绘制两个不同大小的矩形，使其出现分层的效果，再让系统调用 super.onDraw(canvas)，然后完成文字绘制工作。
接下来就是绘制动态闪动效果，要想实现这个效果，就要充分利用Android中Paint对像Shader渲染器，通过设置一个不断变化的LinearGradient，并使用带有该属性的Paint对象来绘制要显示的文字。
首先在onSizeChanged（）中，根据View的宽带设置一个LinearGradient的渐变渲染器，其中最关键的就是使用getPaint（）方法获取当前绘制TextView的Paint对象，并给这个Paint对象设置原生TextView没有的LinearGradient属性，最后在onDraw（）中通过矩阵不断平移的方式来实现渐变效果，从而在绘制文字时产生动态的闪动效果。
下面是源码：

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 TextViewStyle extends TextView {

    private int mTranslate;
    private int mViewWidth = 0;
    private Paint paint ;
    private LinearGradient mLinearGradient;
    private Matrix mMatrix;

    public TextViewStyle(Context context) {
        this(context, null);
    }

    public TextViewStyle(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

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

    @Override
    protected void onDraw(Canvas canvas) {
        Paint p1 = new Paint();
        p1.setColor(getResources().getColor(android.R.color.holo_blue_light));
        p1.setStyle(Paint.Style.FILL);
        Paint p2 = new Paint();
        p2.setColor(getResources().getColor(android.R.color.holo_green_light));
        p2.setStyle(Paint.Style.FILL);

        canvas.drawRect(0, 0, getWidth(), getHeight(), p1);
        canvas.drawRect(10, 10, getWidth() - 10, getHeight() - 10, p2);
        canvas.save();
        canvas.translate(10, 0);

        //绘制文本内容之前需要作的修改
        super.onDraw(canvas);
        //绘制文本内容之后需要做的修改
        canvas.restore();

        if (mLinearGradient != null){
            mTranslate += mViewWidth / 5;
            if (mTranslate > 2 * mViewWidth){
                mTranslate = -mViewWidth;
            }
            mMatrix.setTranslate(mTranslate, 0);
            mLinearGradient.setLocalMatrix(mMatrix);
            postInvalidateDelayed(100);
        }
    }

    @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){
                paint = getPaint();
                mLinearGradient = new LinearGradient(0, 0, mViewWidth, 0, 
new int[]{Color.BLUE, 0xFFFFFFFF, Color.BLUE},
                                   null, Shader.TileMode.CLAMP);
                paint.setShader(mLinearGradient);
                mMatrix = new Matrix();
            }
        }
    }
}

布局文件：

<RelativeLayout
    android:id="@+id/activity_main"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.lee.canvasdemo01.TextViewStyle
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:text="Hello World !!! Hello World !!!"
        android:padding="10dp"
        android:textSize="20sp"
        android:textColor="#fff"
        android:gravity="center"/>

</RelativeLayout>