Axure RP中如何制作选项卡控件

2024-10-12 05:02:31

1、先正常打开Axure RP工具,然后新建一个空白页面。

Axure RP中如何制作选项卡控件

3、当选中某个选项的时候,设置不同的背景色。咸犴孜稍先选中第一个选择框,在右侧的属性对话框中,找到“交互样式设置”,如下图1所示,单击“选中”,在弹出的对话框中设置填充颜色,如下图2所示。

Axure RP中如何制作选项卡控件

4、针对第二个选项卡和第三个选项卡进行第三步同样的操作,配置后的效果如下图所示。

Axure RP中如何制作选项卡控件

6、将3个选项卡加入到同一个组,这样在选中的时候可以实现互斥的效果。选中第一个矩形丸泸尺鸢框,在右侧的属性中找到“设置选项耘资诡拨组名称”,然后在下方我文本框中输入一个名称。同样的对第二个和第三个矩形框进行操作。如下图所示。

Axure RP中如何制作选项卡控件

8、添加鼠标单击事件,当鼠标单击是切换选中项,更新动态面板的内容。

Axure RP中如何制作选项卡控件

9、为第二个矩形框和第三个矩形框进行第八步的设置动作,这时候预览效果,就可以预览选项卡控件了。

猜你喜欢