Axure网页怎么添加树状控件?

Axure RP 8中想要制作一个树状的折叠菜单,该怎么制作呢?我们可以使用Axure自带的“树”功能实现,请看下文详细介绍。

1、新建2个“箭头”图标,4个复选框和1个动态面板。

分别命名为:

“箭头”图标:open_1

“箭头”图标:close_1

动态面板:kuang1

4个复选框分别命名为:单行输入框、单行输入框_1、单行输入框_2、单行输入框_3

其中动态面板尺寸是120*80

复选框尺寸100*16

如下图所示:

2、其中,“图标:close_1”是“图标:open_1”旋转270度的样式。

3、按下图排列各个控件:

1)默认把“图标:close_1”隐藏,并把“图标:close_1”和“图标:open_1”重叠在一起

2)”复选框:单行输入框_1、单行输入框_2、单行输入框_3“放入"动态面板"中

3)复选框相互间隔是8

4)组合这些控件下,并命名为A01

4、复制A01组,排版如下图所示,其他两组分别命名为A02和A03

5、调整内容及各个控件的命名,如下图所示:

6、设置”组合:A01“中的各个控件动作:

7、“图标:close_1”的“鼠标单击时”

1)显示图标:open_1

2)隐藏图标:close_1

3)设置”动态面板:kuang1“尺寸为120*80

4)分别移动”组合:A02“和“组合:A03”的相对位置(0,72)

8、“图标:open_1”的“鼠标单击时

1)显示图标:close_1

2)隐藏图标:open_1

3)设置“动态面板:kuang1”尺寸为120*0

4)分别移动“组合:A02”和“组合:A03”的相对位置(0,-72)

9、“复选框:单行输入框”的“鼠标单击时

设置“动态面板:kuang1”为”选中“状态

10、“复选框:单行输入框_1、单行输入框_2、单行输入框_3”的操作都一样,当“取消选中时

设置“复选框:单行输入框“取消”选中“

11、设置“组合:A02”中的各个控件动作:

12、“图标:close_2”的“鼠标单击时”

1)显示图标:open_2

2)隐藏图标:close_2

3)设置”动态面板:kuang2“尺寸为120*80

4)分别移动”组合:A03“的相对位置(0,72)

13、“图标:open_2”的“鼠标单击时

1)显示图标:close_2

2)隐藏图标:open_2

3)设置“动态面板:kuang2”尺寸为120*0

4)分别移动“组合:A03”的相对位置(0,-72)

14、“复选框:多行输入框”的“鼠标单击时”,设置“动态面板:kuang2”为”选中“状态

15、“复选框:多行输入框_1、多行输入框_2、多行输入框_3”的操作都一样,当“取消选中时”,设置“复选框:多行输入框“取消”选中“。

16、设置”组合:A03“中的各个控件动作:

17、“图标:close_3”的“鼠标单击时”

1)显示图标:open_3

2)隐藏图标:close_3

3)设置”动态面板:kuang3“尺寸为120*80

18、“图标:open_3”的“鼠标单击时”

1)显示图标:close_3

2)隐藏图标:open_3

3)设置“动态面板:kuang3”尺寸为120*0

19、“复选框:单选框”的“鼠标单击时”,设置“动态面板:kuang3”为”选中“状态

20、“复选框:单选框_1、单选框_2、单选框_3”的操作都一样,当“取消选中时”,设置“复选框:单选框“取消”选中“。

21、这些设置好后,就可以看下效果了。更多的树状目录,无非就是这些操作的叠加。

以上就是Axure制作树状折叠菜单的教程,希望大家喜欢,请继续关注我们。

(0)

相关推荐

  • PowerPoint怎么添加幻灯片浏览控件

    PowerPoint是现在十分常用的一款办公软件,有些新用户不知道该软件怎么添加幻灯片浏览控件,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PowerPoint软 ...

  • 招商银行网页版对账单打印,控件无法安装?

    对于使用招商银行作为公司的账户的财务人员,每月都会碰到打印对账单的问题,而招商银行提供2种打印电子对账单的方式,一种是专业版软件上打印,一种则是网页版打印,而在网页版打印中,我们常常会碰到网页控件安装 ...

  • IE11网页加载项和控件不能运行怎么办

    打开加载项管理界面,看到很多加载项都被禁止了,这是为什么呢? 经过一番摸索,原来是可以设置是否启用增强性功能的,IE浏览器,自从win2003之后,就有了增强型功能,其目的是为了IE浏览器更安全的运行 ...

  • 常见的表单控件有哪些(怎么添加表单控件)

    一.效果展示:二.实现步骤1)调出Excel中的开发工具选项卡.操作步骤:文件--选项--自定义功能区--勾选开发工具选项卡--确定.        开发工具选项卡2)从开发工具选项卡找到插入菜单,从 ...

  • VC树状视图控件响应TVN_SELCHANGED事件

    我们点击树状视图控件的项时,程序应该能够响应我们的操作,下面我们一起来实现对TVN_SELCHANGED事件的响应 操作方法 01 我们手机新建一个基于对话框的MFC工程,在其中加入 树状列表控件,并 ...

  • 免控件 一键在PPT2016中插入网页

    PPT中插入网页,以往我们多用控件的方法,比较麻烦.现在,微软官方推出了一键在PPT 2016中插入网页的好方法,然而你可能一下子找不到,因为这里藏着一点小窍门! 在PPT 2016中插入网页要通过“ ...

  • 软件设计中那些最基础的控件元素!

    控件作为组织界面最基础的元素,相信大家都不会陌生,今天想谈谈这个不起眼的话题.文章从现实的控件过渡到软件界面,再用三大输入法的控件作为实际案例解说,全文干货满满,来收! 一.现实世界的控件 " ...

  • 未签名 Activex控件无法安装的问题

    有很多的企业都有自己私有的安全认证,登录企业内部一些网络时,必须加载一些安全Activex控件,如果不加载就无法登录实现功能.通常这种限定使用安全Activex控件的都是未签名的,而且都是针对IE浏览 ...

  • Repeater(中继器)控件的用法

    Axure中的Repeater控件顾名思义就是可以重复添加内容,而无需逐个进行添加.该控件对于以九宫格类.列表类的形式内容时非常有效,且支持用户添加.修改.删除控件中的内容. Repeater控件的使 ...