在Android手机中我们经常可以看到类似于彩虹条的进度条,尤其是在显示下载进度的时候,一般都会使用彩虹条的形式表示下载进度,下面就来讲解这种彩虹条是如何实现的:
1、首先我们先来看一下彩虹条的效果图,并对其进行分析:
彩虹条的效果为:
(1)一根实线连着一根实线,并且实线与实线之间有一点空隙
(2)图像会整体向右移动
(3)下面的【图1】表示的是每一帧的图像,通过它我们可以看到实线移动的模拟效果
【图1】
2、那这种效果是如何做到的呢
(1)首先图像会整体向右移动,那我们先来看一下图像整体向右移动的模拟图(见【图2】):
(2)可以看到第一帧图像从屏幕最左边开始
(3)第二帧图像从距离屏幕一个空格的地方开始,第三帧,第四帧以此类推,直到最后一帧移除屏幕
(4)我们可以看到图像整体向右移动,并最终移除屏幕
(5)但是屏幕逐渐移出屏幕的时候,我们可以看到左边逐渐变成空白
(6)因此我们还需要逐渐将左边进行填充
【图2】
3、左边填充的原理跟步骤2差不多,它是一个填充的过程,从右向左进行填充,直到左边靠近屏幕边缘,在此不多做详细介绍,请看如下的效果图(见【图三】):
【图