闪动的TextView

2017-05-08  本文已影响0人  Happy668

效果图

1.gif

知识点(自定义TextView),重新方法

1.自定义变量
    int mViewWidth = 0; //设置View的宽度变量
    Paint mPaint;       //获得TextView的画笔
    LinearGradient mLinearGradient; //渐变渲染器
    Matrix mGradientMatrix;//为了处理平移转换
    int mTranslate = 0;//平移转换量
2.重新onSizeChanged方法:
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        if (mViewWidth == 0) {
            mViewWidth = getMeasuredWidth();//View全部的宽度,包括隐藏的
            if (mViewWidth > 0) {
                mPaint = getPaint();
                mLinearGradient = new LinearGradient(0, 0,
                        mViewWidth, 0,
                        new int[]{Color.GREEN, Color.RED,
                                Color.GREEN}, null
                        , Shader.TileMode.CLAMP);
                //Gradient是基于Shader类,所以我们通过Paint的setShader方法来设置这个渐变
                mPaint.setShader(mLinearGradient);
                //初始化Matrix,为绘制做准备
                mGradientMatrix = new Matrix();
            }
        }
    }

其中LinearGradient的参数含义

参数一:为渐变起初点坐标x位置;
参数二:为y轴位置;
参数三:对应渐变x终点;
参数四:对应渐变x终点;
参数五:是渐变效果的颜色集合;
参数六:是定义每个颜色处于的渐变相对位置,这个参数可以为null,如果为null表示所有的颜色按顺序均匀的分布;
参数七:为平铺方式

3.重新onDraw方法:
 protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mGradientMatrix != null) {
            mTranslate += mViewWidth / 5;
            if (mTranslate > 2 * mViewWidth) {
                mTranslate = -mViewWidth;
            }
            //设置平移转换量
            mGradientMatrix.setTranslate(mTranslate, 0);
            mLinearGradient.setLocalMatrix(mGradientMatrix);
            //延迟刷新界面
            postInvalidateDelayed(100);
        }
    }

OK,收工,喜欢就点个赞

上一篇下一篇

猜你喜欢

热点阅读