想必大家电脑上应该有安装了Axure RP软件,如果还没有安装的可以来本站下载安装。今天给大家介绍一下用Axure RP制作选择卡控件的详细操作步骤。
首先打开Axure RP软件,新建一个空白页面。
然后以“我的任务”为例来进行说明。
在“我的任务”功能模块一般会有“待办任务”、“完成任务”、“我发起的任务”三个选项,要先拖拽3个矩形框到空白页面中,再加入一个动态面板,如下所示。
选中某个选项,设置不同背景色。
先选中第一个选择框,在右侧属性对话框中找到“交互样式设置”,如下图1所示,单击“选中”,在弹出对话框中设置想要填充的颜色,如下图2所示。
第二个和第三个选项卡重复以上同样的操作,配置后的效果如图所示。
双击动态面板,在对话框中添加3种不同的面板状态,用来表示3个不同的选项切换时展示的不同内容,如下图所示。
然后再将3个选项卡都加入到同一个组,这样在选中的时候就会有互斥的效果。选中第一个矩形框,在右侧找到“设置选项组名称”,输入一个名称。对第二个和第三个矩形框进行相同的操作,如下图所示。
指定一个矩形框为默认选中状态。
先选中要指定为默认选中状态的矩形框,在右侧找到如下图中标红的“选中”后,选中其前面的复选框。
接着再添加鼠标单击事件,鼠标单击时切换选中项,更新动态面板内容。
最后为第二个矩形框和第三个矩形框进行同样的设置动作,再预览效果就可以预览选项卡控件了。
Axure RP制作选择卡控件的详细操作步骤就讲完了,相信大家应该都学会了吧,赶紧来本站下载Axure RP软件尝试一下吧。