自定义View实现K歌开始前歌词上方圆点倒计时动画效果
在上一篇KRC歌词解析原理及Android实现K歌动态歌词效果介绍了动态歌词的实现,我们继续完善一下。在K歌场景中,一些歌曲前奏很长,用户不知道什么时候开始唱,这时一般在歌词上方会有一个圆点倒计时的效果来提醒用户开始时间,如下图:开始唱之前,圆点会逐个减少,直至圆点全部消失即开始正式演唱了。
那么Android上该如何实现呢?
最普通直接的方式就是用4个View来显示四个圆点,根据时间进度来设置某些圆点隐藏。如下:
<LinearLayoutandroid:id="@+id/ll_dot_indicator"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:gravity="center"android:layout_gravity="center"><Viewandroid:id="@+id/view_dot1"android:layout_width="8dp"android:layout_height="8dp"android:layout_margin="4dp"android:background="@drawable/drawable_dot"android:alpha="0.3" /><Viewandroid:id="@+id/view_dot2"android:layout_width="8dp"android:layout_height="8dp"android:layout_margin="4dp"androi