使用Axure RP制作出选择卡控件的具体操作流程

Axure RP

软件大小： 150MB

更新时间： 2024-04-24 15:19:50

所属分类： 网页编辑

查看详情 直接下载

yesky

标签：

• 原型设计
• 浏览器插件

 你们晓得使用Axure RP怎么制作出选择控件吗?下文就为大伙分享了使用Axure RP制作出选择卡控件的具体操作流程。 

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

 2、本经验以“我的任务”为例进行说明，在“我的任务”功能模块设计中一般包含“待办任务”，“完成任务”和“我发起的任务”三个选项，所以先拖拽3个矩形框到空白页面中，再加入一个动态面板，如下所示。 

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

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

 5、双击动态面板，在弹出的对话框中添加3种面板状态，分别表示3个不同的选项切换时展示不同的内容，如下图所示。 

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

 7、指定一个矩形框为默认选中状态。选中要指定为默认选中状态的矩形框，然后在右侧属性中找到如下截图中标红的“选中”后，将其前面的复选框选中。 

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

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

 根据上文为你们分享的使用Axure RP制作出选择卡控件的具体操作流程，你们是不是都学会制作的方法啦!