美文网首页
闪动的TextView

闪动的TextView

作者: Happy668 | 来源:发表于2017-05-08 15:52 被阅读0次

    效果图

    1.gif

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

    • onSizeChanged
    • onDraw
    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,收工,喜欢就点个赞

    相关文章

      网友评论

          本文标题:闪动的TextView

          本文链接:https://www.haomeiwen.com/subject/cjkmtxtx.html