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

0.

昨天又看了一遍黑客帝国，怎么说了，时隔多年，依旧那么经典，小时候看不懂，如今再看却有不少体味。小时候看时印象最深的就是数字雨了，致使我如今写代码也要是黑屏。因此今天上午，闲来无事，拿出两个小时写了一个数字雨控件，直接上图。

1.

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

2.

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

3.

上代码

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)
            }
            //绘制文字
            canvas.drawText(text, 0f, textSize + offset, paint)
            offset += textSize
        }
          //找到下一个高亮数字的位置
        if (!isShowAllNumber())
        {
            hightLightNumIndex++
        } else
        {
            hightLightNumIndex = (++hightLightNumIndex) % count
        }
        postInvalidateDelayed(100L)
    }
}
复制代码

这段代买主要就是绘制数字，判断高亮，没什么难度，能够看一下注释。

4.

这个控件难度不大，可是作出来感受仍是颇有意思的,NumberRain还有自定义属性什么的，就不说了，你们看代码就能够了 最后附上github地址 github