Axure RP怎么制作选项卡控件?

Axure RP工具中的既有元件库中没有现成的选项卡控件,该怎么自己制作选项卡控件呢?下面我们就来看看详细的教程。

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

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

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

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

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

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

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

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

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

以上就是Axure RP中制作选项卡控件的教程,希望大家喜欢,请继续关注我们。

(0)

相关推荐

  • 图解在Axure RP中制作滚动字幕

    本篇将和大家介绍如何在Axure RP中制作滚动字幕,希望对大家的工作和学习有所帮助! 操作方法 01 打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑器里有对齐,字体选项,将页 ...

  • Axure RP怎么制作弹出菜单的效果?

    Axure设计的网页中想要制作一个弹出菜单,就是当鼠标移入头像的时候,出现下拉菜单,用户可以进行相应的操作,比如百度的首页效果一样,当移到“更多产品”的时候,就出现了其他的菜单选项,该怎么制作呢?下面 ...

  • Axure RP如何制作弹出窗口

    在使用Axure RP制作网站原型的过程中,很多时候会遇到弹出窗口的情况,一般情况下这种弹出的窗口叫做Modal,在RP中是利用动态面板来实现该功能.在使用RP工具的过程中,我们该如何实现这种效果呢? ...

  • Word2013中制作按钮控件

    ①由于“开发工具”不经常用,所以在功能选项面板中没有“开发工具”这一栏。所我们需要设置。在功能选项面板中选择“文件”,在跳转出来的版面中选择“选项”。 ②在“Word选项”面板中选择“自定义功能区”, ...

  • Axure RP 8中怎么制作复选框?

    Axure RP 8可以利用自带的控件设计出不同场景.不同类型的页面以及组件,如表格.下拉框.复选框和单选框等.下面将介绍如何用Axure RP 8制作出不同的复选框,具体操作如下: 1.首先,双击打 ...

  • Axure RP 8怎么创建母板?

    Axure RP 8中有很多母板,比如网站的导航条.网站页首.网站页尾以及Tab页等等.下面将讲述如何创建母板,具体操作如下: 1.双击打开Axure RP 8软件,这时会出现一个默认的目录,一个父页 ...

  • 如何用Axure RP制作图片轮播

    对于初学者,在用Axure RP软件制作原型网页时,想使图片轮播怎么办?不需愁眉不展,小编现在现身给你支一招,看好了哦! 操作方法 01 首先从部件库中拖图片部件到面板中,如图所示. 02 右击部件, ...

  • wps要怎样插入日期控件

    wps插入日期控件的方法 在需要插入日期的单元格输入公式"=today()",就可以设置动态日期 效果图 wps制作日期控件的方法 在单元格中列出年.月. 用数据有效性做出年.月的 ...

  • Axure怎么制作控件随鼠标移动的效果?

    Axure中想要给空间添加一些效果,比如鼠标跟随,下面我们就来看看详细的教程,效果参考下图: 1.新建一个“方框”和“热区“,分别命名为:”方块“和”热区“,”方块“大小为:280*380,”热区“大 ...