最近项目中需要在一个功能模块中使用进度条,效果图如下:
上面图片从左到右分别是效果一,效果二,效果三
需求: 以下四点需要实现
1: 当没有没完成进度的时候,显示效果一
2:当进度完成了一部分,显示图二
3:当进度全部完成之后,显示效果三
4:当进度1到进度2需要动画,进度2到进度3需要动画; 同样进度3到进度2或者进度1也需要动画。
刚开始拿到这个东西的时候,考虑了老长时间,觉得还是有技巧的,先说一下思路吧
首先我们,写一个一模一样的底部布局,如下图1:
图一也就是效果一的全部显示,
图三不是跟图一一模一样吗? 是的,但是字体的颜色不一样的,图三的颜色的白色
评论0