转载请注明出处:王亟亟的大牛之路
今天没有P1啦!! 对换工作有想法的,可以找昨天的P1,哈哈 地址:http://blog.csdn.net/ddwhan0123/article/details/50728434
今天上一个自身闪烁,用于吸引用户注意力的TextView * RevealTextView*
先上下效果图:(这图片够大的)
How to use?
Gradle
dependencies {
compile 'com.antonionicolaspina:revealtextview:2.0'
}
Eclipse
Copy下 attires.xml 和RevealTextView.java就行了,内容不多。
接下来我们来拆拆实现,先看一下自定义Styleable的东西
<declare-styleable name="RevealTextView">
<attr name="rtv_duration" format="integer" />
<attr name="android:text" />
</declare-styleable>
就只有持续时间和文字
接下来看具体实现
public final class RevealTextView extends TextView implements Runnable, ValueAnimator.AnimatorUpdateListener
继承于TextView 实现多线程以及动画的时间,一看就知道 他没有用诸如Handler的实现,纯粹的主线程子线程的相互操作配合动画来实现闪烁效果
protected void init(TypedArray attrs) {
try {
animationDuration = attrs.getInteger(R.styleable.RevealTextView_rtv_duration, animationDuration);
text = attrs.getString(R.styleable.RevealTextView_android_text);
} finally {
attrs.recycle();
}
setAnimatedText(text);
}
接着就是初始化,然后就是调用开始动画的操作,这里是把标签传来的字送了过去。
public void setAnimatedText(String text) {
this.text = text;
alphas = new double[text.length()];
for(int i=0; i<text.length(); i++) {
alphas[i] = Math.random() - 1.0f;
}
setText(text);
replayAnimation();
}
这边用一个数组作为整个字符串的容器,然后把每个字符生成一个随机数放入容器中,然后开始多线程的操作。
public void replayAnimation() {
if (null != text) {
post(this);
}
}
当字符串不为空开始执行多线程操作。
并且这2个方法是public的,给予我们外部调用的。
@Override
public void run() {
final int color = getCurrentTextColor();
red = Color.red(color);
green = Color.green(color);
blue = Color.blue(color);
ValueAnimator animator = ValueAnimator.ofFloat(0f, 2f);
animator.setDuration(animationDuration);
animator.addUpdateListener(this);
animator.start();
}
在run方法中执行了 我们的动画的初始化操作
@Override
public void onAnimationUpdate(ValueAnimator valueAnimator) {
final float value = (float) valueAnimator.getAnimatedValue();
SpannableStringBuilder builder = new SpannableStringBuilder(text);
for(int i=0; i<text.length(); i++) {
builder.setSpan(new ForegroundColorSpan(Color.argb(clamp(value + alphas[i]), red, green, blue)), i, i+1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
setText(builder);
}
在onAnimationUpdate中对字体进行二次处理最终实现了 图中的效果
作者git:https://github.com/ANPez/RevealTextView
下载地址:https://github.com/ANPez/RevealTextView/archive/master.zip
时间: 2024-11-01 21:08:38