Android自定义View实现黑客帝国数字雨效果

 更新时间:2018年08月06日 08:42:56   转载 作者:滑板上的老砒霜  
这篇文章主要给大家介绍了关于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 (本地下载)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Android 让自定义TextView的drawableLeft与文本一起居中

    Android 让自定义TextView的drawableLeft与文本一起居中

    本文主要介绍Android 自定义控件TextView显示居中问题,在开发过程中经常会遇到控件的重写,这里主要介绍TextView的drawableLeft与文本一起居中的问题
    2016-07-07
  • Android带进度的圆形进度条

    Android带进度的圆形进度条

    这篇文章主要为大家详细介绍了Android带进度的圆形进度条,实现自定义View,自定义属性,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Android动画之雷达扫描效果

    Android动画之雷达扫描效果

    雷达扫描效果在我们日常会经常看到,比如在新浪微博上有一个雷达功能,感觉类似于微信附近的人。只是多了一个类似于雷达扫描效果的动画,某些知名安全软件也有这样的雷达效果,因此今天在这里小编带着大家学习一下。
    2016-08-08
  • Android侧滑效果简单实现代码

    Android侧滑效果简单实现代码

    这篇文章主要为大家详细介绍了Android侧滑效果简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android延迟实现的几种解决方法及原理分析

    Android延迟实现的几种解决方法及原理分析

    这篇文章主要给大家介绍了关于Android延迟实现的几种解决方法以及其中的原理分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • Android多功能时钟开发案例(实战篇)

    Android多功能时钟开发案例(实战篇)

    这篇文章主要为大家详细介绍了Android多功能时钟开发案例,开发了时钟、闹钟、计时器和秒表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • android AsyncTask详细介绍

    android AsyncTask详细介绍

    本篇文章主要主要介绍了AsyncTask介绍,AsyncTask,是android提供的轻量级的异步类,有兴趣的同学可以了解一下。
    2016-11-11
  • Android Listview 滑动过程中提示图片重复错乱的原因及解决方法

    Android Listview 滑动过程中提示图片重复错乱的原因及解决方法

    android中listview是比较常见的组件,通过本文主要给大家分析Android中Listview滚动过程造成的图片显示重复、错乱、闪烁的原因及解决方法,顺便跟进Listview的缓存机制,感兴趣的朋友一起看下吧
    2016-08-08
  • Android自定义View实现圆环带数字百分比进度条

    Android自定义View实现圆环带数字百分比进度条

    这篇文章主要为大家详细介绍了Android自定义View实现圆环带数字百分比进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • Android仿IOS ViewPager滑动进度条

    Android仿IOS ViewPager滑动进度条

    这篇文章主要为大家详细介绍了Android仿IOS ViewPager滑动进度条的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论