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地址
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答
