正在阅读:Axure RP制作选项卡控件的操作流程介绍Axure RP制作选项卡控件的操作流程介绍

2019-06-11 16:44 出处:其他 作者:佚名 责任编辑:gushunjun1

  今天给各位亲们讲解的是Axure RP制作选项卡控件的操作流程,想学习Axure RP制作选项卡控件的操作步骤的,就去下文看一看,了解了解,相信对大家一定会有所帮助的。

  1、打开Axure RP工具,新建一个空白页面。

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

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

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

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

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

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

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

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

  以上这里为各位分享了Axure RP制作选项卡控件的操作流程。有需要的朋友赶快来看看本篇文章吧。 

Axure RP系列软件最新版本下载
Axure RP 8.0中文汉化包软件版本:1.33应用工具立即查看
Axure RP软件版本:Pro 7.0.0.3174图形图像立即查看

关注我们

最新资讯离线随时看 聊天吐槽赢奖品