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

番茄系统家园 · 2022-08-03 02:14:11

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

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26

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

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

分别命名为:

“箭头”图标:open_1

“箭头”图标:close_1

动态面板:kuang1

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

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

复选框尺寸100*16

如下图所示:

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

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

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

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

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

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

3)复选框相互间隔是8

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

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

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

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

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

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

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

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

1)显示图标:open_1

2)隐藏图标:close_1

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

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

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

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

1)显示图标:close_1

2)隐藏图标:open_1

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

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

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

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

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

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

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

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

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

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

1

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/1538247Zk3Qu.html
猜你喜欢
最新应用
热门应用