简单实现带节点的进度条
来源:互联网 发布:win10有线网络显示红叉 编辑:程序博客网 时间:2024/06/16 11:50
带节点进度条的实现方法不止一个,但是如果要实现图中这种效果的,初步看好像还不简单。进度条的形状不规则、背景是渐变颜色、节点上面还有个勾。这里提供一个很简单的思路,简单的都不好意思说了……
为了实现这个效果,我们需要三张图片,就是下面这三张。
看到这里可能你已经知道要怎么做了,三张图片分别是:
1.进度条填充部分的背景,带渐变颜色带节点小勾
2.进度条未填充部分的背景,纯色
3.进度条外框背景,是一张镂空图,颜色和进度条外的颜色一致
注意这三张图片的大小必须一致,将这三张图片叠加到一起就是我们的进度条了。至于进度条的动画,我们只要对第二层的那张图片实现一个属性动画就可以了:
public void setProgress(float stage) { int progressWidth = ivProgress.getWidth(); ObjectAnimator animator = ObjectAnimator.ofFloat(ivProgress, "translationX", stage * progressWidth); animator.setDuration((int) (Math.abs(stage - currentStage) * 1000)); animator.start(); currentStage = stage;}
至于如何控制到哪一个节点,这个可以自己拿尺子量一下,多试几次,上面代码中的stage就是这个作用,它从这里取值:
//不同阶段进度条所在位置public static final float STAGE0 = 0f;public static final float STAGE1 = 0.046f;public static final float STAGE2 = 0.285f;public static final float STAGE3 = 0.523f;public static final float STAGE4 = 0.761f;public static final float STAGE5 = 1f;
最后看一下效果。
这样就已经实现了一个看上去有点复杂的进度条了,妥妥的。
源码地址
0 0
- 简单实现带节点的进度条
- 进度条的简单实现
- 进度条的简单实现
- 简单进度条的实现
- 简单进度条的实现
- 简单的上传插件(带进度条)
- 很简单的方法实现带数字的水平方向进度条
- LINUX实现简单的进度条
- 环形进度条的简单实现
- Linux实现简单的进度条
- 实现一个简单的进度条
- shell实现简单的进度条
- 环形进度条的简单实现
- EVC实现带文字显示的进度条
- android实现带进度条的文件上传
- XMLHTTPRequest实现带进度条的文件上传
- struts2实现带进度条的文件上传
- ajax实现带进度条的文件上传
- NOIP2012 同余方程
- 远程登录Linux服务器
- 【高斯消元】UVA11542
- 1053. 住房空置率 (20)
- 传统Socket IO与NIO的比较
- 简单实现带节点的进度条
- Unity Shader 进度条
- 2017基本计划
- MYSQL中DECIMAL类型的深入学习
- 关于java中枚举Enum的深入剖析
- 集合与map迭代
- 杀人无痕-DIY PE解析器
- ionic中tab切换注意事项
- 零的数列