实现原理:
对Paint设置Shade,此处用的是LinearGradient,线性渐变,构造方法指定渐变的起始坐标和终止坐标,渐变的颜色,渐变的模式,然后在绘制的时候对偏移量进行递增并设置越界返回初始点,将这个偏移量设置到Matrix矩阵对象内,然后线性渐变设置Martix,此时绘制的渐变就进行了偏移产生了闪动的效果,然后在延迟绘制,如此就进行了往复的绘制偏移,即闪动效果.
参数:
LInearGradient前几个参数都好理解,这里解释一下第三个参数,大家可以试一下看一下效果,进入头像的
要实现今日头条的效果我们只需要在onSizeChanged初始化以下方法private void init() { Paint mPaint = getPaint(); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setTextSize(40); gradient = new LinearGradient(0, 0, getMeasuredWidth(), 0, Color.GRAY, Color.RED, Shader.TileMode.REPEAT); mPaint.setShader(gradient); matrix = new Matrix(); }并且ondraw中重新绘制文字
if (matrix != null) { mTranslate += getMeasuredWidth() / 10; if (mTranslate > getMeasuredWidth() * 2) { mTranslate = -getMeasuredWidth(); } matrix.setTranslate(mTranslate, 0); gradient.setLocalMatrix(matrix); postInvalidateDelayed(300); }
下面是源码链接:https://github.com/xiangzhihong/ShadeView/tree/master