Axure RP9 制作环形进度条

拖入一个矩形到画布,调整尺寸为260x260,选择形状


屏幕快照 2019-06-04 15.35.56.png

选择缺口圆


屏幕快照 2019-06-04 15.37.00.png

缺口调整为1/4
屏幕快照 2019-06-04 15.38.14.png

拖入一个椭圆到画布


屏幕快照 2019-06-04 15.41.28.png

尺寸设置为230x230
屏幕快照 2019-06-04 15.42.22.png

先单击选中带缺口的圆形,在单击选中内部圆形。
屏幕快照 2019-06-04 15.46.14.png

然后在样式中选择去除
屏幕快照 2019-06-04 15.46.52.png

将两个形状改变成一个新的环形。设置背景色
屏幕快照 2019-06-04 15.48.07.png

在拖入两个矩形,转换成半圆形


屏幕快照 2019-06-05 16.39.32.png

尺寸15x10,然后旋转为合适的角度
屏幕快照 2019-06-05 16.41.08.png

分别现在两个半圆。合并
屏幕快照 2019-06-05 16.47.49.png

选中原件,旋转237度
屏幕快照 2019-06-05 16.51.40.png

重复上面的步骤拖入两个矩形
屏幕快照 2019-06-05 16.59.26.png

选中两个矩形,去除
屏幕快照 2019-06-05 17.01.09.png

在拖两个矩形,选则半圆。旋转合适的角度合并
屏幕快照 2019-06-05 17.11.42.png

在拖入一个圆,然后把所有组件的线段宽度设置为0,
屏幕快照 2019-06-05 17.15.07.png

你可能感兴趣的:(Axure RP9 制作环形进度条)