android 文字Flash特效

需要知道的技术点：
1.着色器
android中的着色器shader是非常有用接口。
例如现在多数的圆角图片还有类似flash效果文字都是有着色器功能完成。
着色器为画笔Paint的成员变量，在画笔绘制文字或者图片的是否起到渲染的作用。可以是边框形状渲染，或者颜色，渐变色等渲染。
2.属性动画
在渐变色渲染过程中，渠道渲染的时间线就是属性动画的执行时间线，注意成员变量的值的类型与初始化动画对象的方法要一致，否则不会执行。
3.小坑
TileMode的CLAMP指的是如果当前渲染器在控件外部的话，那么控件剩余的颜色有颜色数组中最后位置的那个颜色填充，由于当前控件式TextView所以一开始文字颜色由gray填充。
在控件显示过程中，onSizeChanged方式被调用一次而onLayout方法被调用两次，所以在onSizeChanged方法中完成了着色器以及动画的初始化。
移动距离最好设置为动画执行过程中增量的2倍，避免出现边界的字显得没有高亮，使得全部字都高亮一遍。

—-代码是基于Shimmer写的，有问题了再去研究他的代码去吧。

private Context context;
private TextPaint paint;
private LinearGradient linearGradient;
private Matrix matrix;
private ObjectAnimator objectAnimator;
private boolean isInvoke = false;
private float gradientX;public float getGradientX() {return gradientX;
}public void setGradientX(float gradientX) {this.gradientX = gradientX;System.out.println("setGradientX");invalidate();
}public FlashTextView(Context context, AttributeSet attrs) {super(context, attrs);init();
}private void init() {paint = getPaint();matrix = new Matrix();
}// 为什么要在onSizeChanged中实现而不在onLayout中实现？因为onLayout中被调用了两次，而onSizeChanged中被调用一次，不明白为什么，但是打印日志确实是这样。
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);objectAnimator = ObjectAnimator.ofFloat(this, "gradientX", 0,getWidth());objectAnimator.setDuration(1000);objectAnimator.setRepeatCount(ObjectAnimator.INFINITE);linearGradient = new LinearGradient(-getWidth(), 0, 0, 0, new int[] {Color.GRAY, Color.WHITE, Color.GRAY }, new float[] { 0f,0.5f, 1f }, TileMode.CLAMP);linearGradient.setLocalMatrix(matrix);paint.setShader(linearGradient);
}@Override
protected void onDraw(Canvas canvas) {super.onDraw(canvas);if (!isInvoke) {animate.run();}matrix.setTranslate(2 * gradientX, 0);linearGradient.setLocalMatrix(matrix);}private Runnable animate = new Runnable() {@Overridepublic void run() {isInvoke = true;objectAnimator.start();}
};

android 文字Flash特效相关推荐

Android 文字流光特效(仿锁屏文字的白光闪过动画效果)
最近有需求说要开发一个新模块,再模块的入口用动画提醒用户.模仿的动画效果如下: 经过百度,发现Android 这类的动画很少,通过度娘知道可以通过 LinearGradient 线性渲染来实现 ...
乌鸦飞过flash素材下载_会声会影仿AE文字动画特效教程-会声会影中文官网
现在人多少有点娱乐至死的精神,没事就爱点找乐子,许是窥出了百姓这点心思,各大卫视都争相推出各自的综艺王牌节目,但是僧多粥少,要想争得收视王,自然要贴合观众逗逼搞笑的心性,本集小编同大家分享一个快速获取 ...
css 霓虹灯转动效果,CSS3霓虹灯文字动画特效
这是一个完全由CSS3实现的霓虹灯文字动画特效,虽然看起来有flash的质感和js驱动的错觉,但事实上你可以看到所有代码如下:html> CSS3霓虹灯文字特效 .text-effect { o ...
css3 卡片亮光_利用css3实现文字亮光特效的代码
这篇文章主要介绍了关于利用css3实现文字亮光特效的代码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下以前分享过很多css3实现的字体特效,今天给大家分享一款纯css3实现的文字亮光 ...
html给文字加动态效果,20种配合场景的CSS3鼠标滑过文字动画特效
这是一组非常有创意的配合场景使用的CSS3鼠标滑过文字动画特效.这组鼠标滑过特效中,以20张不同的图片作为不同的场景,例如图片是一条公路,鼠标滑过这上面的文字时,就会在文字下边出现一条公路的动画效果. ...
php 让字体闪烁,js实现文字闪烁特效的方法
本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下: 运行效果图: 实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效. 具体代码 ...
html文字向上移动10px,HTML文字移动特效代码
HTML文字移动特效代码一.从右向左移代码需要移动的文字二.从左向右移代码需要移动的文字三.一圈一圈绕着移动代码需要移动的文字四.只移动三次就停了代码需要移动的文字五.移一步 ...
flash特效原理：图片滑动放大效果(2)
flash特效原理:图片滑动放大效果(1) http://blog.csdn.net/hero82748274/archive/2009/10/22/4715312.aspx 最近看了一些关于动态注册 ...
html炫酷弹幕特效,jQuery文字弹幕特效
特效描述:jQuery 文字弹幕特效.jQuery文字弹幕特效代码结构 1. 引入JS 2. HTML代码弹幕(点我呀!!) X 让我来一个弹幕嘿嘿赞你哈哈 51前端 $(function( ...

android 文字Flash特效

android 文字Flash特效相关推荐

最新文章

热门文章