网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Axure制作圆形进度条

时间:2024-10-12 01:27:50

1、使用矩形元件进行变形,变化为一个半圆:具体方式详见图片1,然后设置其大小100、50; 圆角50,边框最粗,颜色:绿色,效果如下图:

Axure制作圆形进度条

2、画出一个半圆?有了半圆然后在旋转,是不是有了进度条的基础。对半圆进行命名:半圆A,然后设置页面载入时交互用例,一定按照下图设置:旋转(经过),角度(180),方向(顺时针),锚点(底部),动画(线性),时间(5000ms)

Axure制作圆形进度条

3、第二部完成后,我们可以预览一下,是不是我们要的效果,为了更加形象,我们拉出一个矩形(设置底部对齐,命名为:矩形),查看效果:

Axure制作圆形进度条

4、根据前三步,我们完成了一个圆形进度条的核心部分,下面我们来继续制作:将半圆A复制一个,并命名为:半圆B,位置按照下图所示:让两个半圆刚好组合为一个圆(便于效果演示)

Axure制作圆形进度条Axure制作圆形进度条Axure制作圆形进度条Axure制作圆形进度条
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com