案例视频-进度条

文字版教程请点击:http://www.jmfans.com/archives/160

实现步骤:

1、添加两个矩形框,一个为进度底框,一个为进度条;

2、把两个矩形框水平对接(进度条在进度底框左侧),组合为动态面板,动态面板宽度为进度底框,进度条不可见;

3、新建一个活动面板,添加三层,第一层为“请点击开始上传”,第二层为“loading”,第三层为“OK”,默认显示第一层;

4、在开始上传按钮添加事件(注意:顺序不能改变)

事件:手指点击时

动作一:执行动作”设置活动面板“至loading层;

动作二:执行动作”更改样式”开始上传,把开始上传的文字颜色改为灰色;

动作三:移动进度条到绝对位置0,0,效果linear,持续时间5000毫秒;

动作四:执行动作”设置活动面板“至OK层。

视频下载请加QQ交流分享群:374358071,欢迎关注微信公众号(justinmind)。

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录

  • 2 Responses to “案例视频-进度条”
    • JeanTFG

      校长,请问视频39秒到43秒是如何实现的,我拖拉调整动态面板宽度为进度底框,看到的是进度条(蓝色)而不是进度底框,在axure里拖拉也一样,只有手动调整动态面板状态的位置才行,不知道您那里是怎么实现的。

      私信
    • 20141104 PING 通告 : justinmind视频教程系列 | JmFans