1. 关注常识网首页
  2. 生活常识

Axure网页如何添加树状控件 Axure RP8中添加树状控件制作树状折叠菜单的方法

4个复选框(分别命名为:单行输入框、单行输入框_1、单行输入框_2、单行输入框_3)和1个动态面板(如“动态面板:kuang1”,尺寸为12080,复选框尺寸1...

4个复选框(分别命名为:单行输入框、单行输入框_1、单行输入框_2、单行输入框_3)和1个动态面板(如“动态面板:kua....更多详细,我们一起来了解吧。

Axure网页如何添加树状控件 Axure RP8中添加树状控件制作树状折叠菜单的方法

Axure网页怎么添加树状控件

4个复选框(分别命名为:单行输入框、单行输入框_1、单行输入框_2、单行输入框_3)和1个动态面板(如“动态面板:kuang1”,尺寸为12080,复选框尺寸10016)。

排列控件

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

将“复选框:单行输入框_1、单行输入框_2、单行输入框_3”放入动态面板中,且复选框相互间隔是8,然后组合这些控件并命名为A01。

复制A01组,进行排版得到另外两组分别命名为A02和A03,再调整内容及各个控件的命名。

设置组合A01中的控件动作

图标:close_1的鼠标单击时

显示图标:open_1。

隐藏图标:close_1。

设置动态面板:kuang1尺寸为120*80。

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

图标:open_1的鼠标单击时

显示图标:close_1。

隐藏图标:open_1。

设置动态面板:kuang1尺寸为120*0。

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

复选框:单行输入框的鼠标单击时

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

复选框:单行输入框_1、单行输入框_2、单行输入框_3的操作(当取消选中时)

(未提及具体操作,可根据实际需求补充或按默认情况处理)。

设置组合A02中的各个控件动作(类似组合A01的设置思路)

图标:close_2的鼠标单击时

显示图标:open_2。

隐藏图标:close_2。

设置动态面板:kuang2尺寸为120*80。

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

图标:open_2的鼠标单击时

显示图标:close_2。

隐藏图标:open_2。

设置动态面板:kuang2尺寸为120*0。

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

复选框:多行输入框的鼠标单击时

设置动态面板:kuang2为选中状态。

复选框:多行输入框_1、多行输入框_2、多行输入框_3的操作(当取消选中时)

设置复选框:多行输入框取消选中。

设置组合A03中的各个控件动作(类似前面组合的设置思路)

图标:close_3的鼠标单击时

显示图标:open_3。

隐藏图标:close_3。

设置动态面板:kuang3尺寸为120*80。

图标:open_3的鼠标单击时

显示图标:close_3。

隐藏图标:open_3。

设置动态面板:kuang3尺寸为120*0。

复选框:单选框的鼠标单击时

设置动态面板:kuang3为选中状态。

复选框:单选框_1、单选框_2、单选框_3的操作(当取消选中时)

设置复选框:单选框取消选中。

state2为icon文件夹。然后新增中继器Tree,将组合元件Node复制其中,并设置中继器属性隔离列表项之间的选项组为不勾选。

树结构 - 初始载入效果

初始载入时,仅显示父节点;添加子部门后,父节点出现三角箭头,且默认展开;添加3级部门后,对应2级部门出现三角箭头,且默认不展开;点击添加子部门,弹出添加子部门弹出框;点击编辑,弹出编辑弹出框,可修改部门名称、删除部门(父节点不允许删除)。通过节点序号进行定位与排序;单击任意节点时,选中该节点的同时,记录该节点的序号、名称、下级节点数量、父节点序号;根据选中节点判断该节点是否允许新增子节点、修改。这里的难点在于新增、编辑、删除采用弹出框形式,而Axure中继器本身不支持跨页面传递数据,需要采用大量全局函数做数据存储与传递,以判断当前节点的父节点序号为例,需要进行数据截取与拼接。

以上就是小编为你精心整理的Axure网页怎么添加树状控件的全部内容,更多关于《Axure RP8中添加树状控件制作树状折叠菜单的方法》相关内容请收藏我们的关注常识网。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人,并不代表关注常识网立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容(包括不限于图片和视频等),请邮件至379184938@qq.com 举报,一经查实,本站将立刻删除。

联系我们

在线咨询:点击这里给我发消息

微信号:CHWK6868

工作日:9:30-18:30,节假日休息