养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure:如何采用单选按钮实现形状的切换

时间:2024-09-30 03:32:27

可以采用单选按钮实现各种形状的切换。于此分享用Axure制作出原型图。

Axure:如何采用单选按钮实现形状的切换

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、打开Axure文档,增加一个Page并命名为“单选按钮:图形切换”。

Axure:如何采用单选按钮实现形状的切换

2、将元件库中的“单选按钮”元件拖入编辑区,增加四个单选按钮,并命名。

Axure:如何采用单选按钮实现形状的切换

3、通过元件库的元件,增加四个图形:圆角矩形、方角矩形、三角形、圆。

Axure:如何采用单选按钮实现形状的切换

4、将四个图形对齐叠放一起,方角矩形放置最上面。

Axure:如何采用单选按钮实现形状的切换

5、设置“方角矩形”单选按钮获取焦喘揲塾疖点后的交互情形:圆角矩形、圆、三角形的三个图形都不可见;圆角矩形、圆、三角形的三个单选按钮不可选。

Axure:如何采用单选按钮实现形状的切换

6、其他三个单选按钮参考第五步进行交互情形设置。

Axure:如何采用单选按钮实现形状的切换

7、点击“预览”按钮,勾选对应单选按钮,其他按钮不可选,并且显示对应的图形。

Axure:如何采用单选按钮实现形状的切换

© 一点知识