小楼 axure rp 教程(六)动态面板多状态实现
进度条
作者: 小楼一夜听春语分类:Axure 教程发布时间: 2013-07-10 21:59ė6 没有评论编辑
之前的教程《小楼 axure 教程(五)动态面板的使用》讲到了动态面板的用途,正好
我又看到有些网友在问在 axure 里进度条的效果怎么实现,那么这一次 axure rp 教程就
结合进度条的效果,讲一下动态面板的多状态的使用。
原型示例:小楼 axure rp 教程(六)动态面板多状态实现进度条
效果如下:
首先,我们准备 axure 元件,一个动态面板和一个按钮。
然后,为动态面板添加几个状态,这里添加 5 个来举例。
好了,下一步是在动态面板的几个状态里都放上两个矩形和一个文本面板,一个做进度
条外框,一个做进度条,文本面板做百分比。我们可以先双击状态 1,打开后在里面做好
这三个元件的组合,然后再复制到其他状态里做进度条和百分比的简单调整就好了。