《Axure制作可增删改的多选树操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强中继器,交互产品,界面,树节点等多维度案例或实操来进行更多的学习;此教程是由咖啡煮抄手在2021-08-27发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
今天,教大家如何做可以增删改的多选树,以及节点与节点之间相互交互的内容。enjoy~
演示地址:http://bra8my.axshare.cn/#g=1&p=可增删改的多选树
功能介绍:
展开/收起:点击箭头,可以展开或收起子节点。
添加子节点:点击添加子节点按钮,可添加子节点,并在本节点自动生成箭头,如果本节点下方有内容,自动打开内容。
添加同级节点:点击添加同级节点按钮,可添加同级节点。
删除节点:点击删除节点按钮:删除该节点和该节点的子节点,如果该节点父节点只有该子节点,父节点箭头自动消失。
修改节点内容:点击文字可以修改内容。
选中:选中当前节点和该节点的子节点,如果同级节点全部选中,同时选中父节点。
取消选中:取消选中当前节点和该节点的子节点,同时取消选中父节点。
修改添加默认提示语:enter text……可在原型内的”提示语”文本框,修改内容即可。
编辑默认树列表:在中级器内填写即可,简单实用。
在中继器中编辑:
修改添加默认提示语:enter text…可在原型内的”提示语”文本框,修改内容即可。
树形结构的制作,请参考我上一篇文章——可增删改的树形结构
今天主要讲一下如何将树形结构制作成多选树。
(1)逻辑思路
中继器内增加一列选中,当值为1是,选中多选框;否则,取消选中多选框。
选中当前节点时,不仅要选中当前节点,还要选中该节点的所有子节点,如果同级节点全部选中,同时选中父节点。
取消选中节点是,不仅要取消当前的节点,还要取消该节点的子节点,同时取消选中父节点。
我们通过更新中继器xuanzhong的值,来控制选中和取消选中
(2)中继器内材料
在原有的树形结构里加一个多选框,可以使用系统默认的,也可以使用自己制作的美化多选框。
(3)具体交互
选中:
取消选中:
以上就是Axure制作可增删改的多选树操作实例的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure中继器使用教程之制作直播视频的卡片列表操作实例
> 下一篇 Axure中继器:标记行
2022-08-18 08:39
2022-08-15 08:39
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论