java做绿色数字雨_数字雨

这篇文章介绍一个有趣的数字雨的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.styleable.NumberRainView_textSize,