这篇文章介绍一个有趣的数字雨的view
先上效果图
GIF.gif
这个效果是在逛gitbug的时候发现,流动的数字雨颇有骇客的意味。
查看代码发现实现起来相当简单.
看着满屏的数字不断变化,实际上你只需要关注某一列的数字变化即可。而每一列的数字变化实现的原理就是每隔一个新的时间点,在原有的基础上多绘制一个数字。比如原来一列显示两个数字,下一个时间点显示三个数字,这样就能达到数字流动的视觉效果。
不多说了,直接上代码.
分两个步骤
1.将整个界面划分成多个列,用来承载数字
创建NumberRainView.java
public class NumberRainView extends LinearLayout {
private int normalColor = Color.GREEN;
private int highLightColor = Color.WHITE;
private Context context;
private float textSize;
public NumberRainView(Context context) {
this(context, null);
}
public NumberRainView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
this.context = context;
textSize = 15 * context.getResources().getDisplayMetrics().density;
if (attrs != null) {
TypedArray typedArray = this.getContext().obtainStyledAttributes(attrs, R.styleable.NumberRainView);
normalColor = typedArray.getColor(R.styleable.NumberRainView_normalColor, Color.GREEN);
highLightColor = typedArray.getColor(R.styleable.NumberRainView_highLightColor, Color.WHITE);
textSize = typedArray.getDimension(R.style