Android自定义View：黑客帝国数字雨(1)

==

先分析，再动笔。这里我将代码分为两部分，一个数字雨中的每一列NumberRainItem，还有就是所有列合并起来的NumberRain。 NumberRain比较简单，就是继承自LinearLayout的一个控件，在计算出宽度后添加NumberRainItem，很简单，这里就不作说明了，这里主要说一下NumberRainItem控件。

==

每一个NumberRainItem分为两个部分，从上向下流下来的状态，现在称其为下流状态，下流状态时最后一个数字是高亮的；第二个状态就是布满全屏后的状态，称其为完全状态。完全状态时高亮数字是从上向下顺序高亮的。想好以后就开搞吧。

==

上代码

override fun onDraw(canvas: Canvas?)
{
super.onDraw(canvas)
configPaint()
canvas?.let {

if (isShowAllNumber())
{
drawTotalNumbers(it)
} else
{
drawPartNumbers(it)
}

}
}

看onDraw方法，里面的drawParNumbers方法就是用来绘制下流状态，自然drawTotalNumbers就是绘制完全状态的。究竟绘制那个状态是有isShowAllNumber方法来判断的

private fun isShowAllNumber(): Boolean
{
return nowHeight >= height
}

其中nowHeight是一个成员变量，代表着现在所有文字的高度，在下流状态，每次多绘制一个文字，就会增加一个文字的高度。 接下来我们看drawTotalNumbers和drawPartNumbers

private fun drawPartNumbers(canvas: Canvas)
{
val count = (nowHeight /
textSize).toInt

资料获取→专栏
()
nowHeight += textSize
drawNumbers(canvas, count)

}

private fun drawTotalNumbers(canvas: Canvas)
{
val count = (height / textSize).toInt()
drawNumbers(canvas, count)
}

其中都用了drawNumbers,其中的区别就是传入的count值不一样，这里的count代表文字的个数。所以重中之重就在于drawNumbers方法了

private fun drawNumbers(canvas: Canvas, count: Int)
{
if (count == 0)
{
postInvalidateDelayed(startOffset)
} else
{
var offset = 0f
for (i in 0 until count)
{
//生成随机文字
val text = ((Math.random() * 9).toInt()).toString()

//高亮文字颜色变高亮，否则就是一般颜色
if (hightLightNumIndex == i)
{
paint.color = hightLightColor
paint.setShadowLayer(10f, 0f, 0f, hightLightColor)

} else
{
paint.color = normalColor
paint.setShadowLayer(10f, 0f, 0f, normalColor)
}
r)

} else
{
paint.color = normalColor
paint.setShadowLayer(10f, 0f, 0f, normalColor)
}