Axure中继器制作树形结构、Axure结构树、Axure树形

Axure自带的树结构不满足增删改查、勾选等交互。

所以在我们设计过程中，随时会涉及到使用可以增删改查、勾选的树形结构。

今天给大家说一下用中继器实现树形结构的思路。

1. 首先拉一个中继器，拖入以下元件

一个箭头，复选框，文本，新增节点、删除图标

2. 设置中继器字段

name：树形节点名称

jibie：记录当前级别

paixu：树形节点ID

xianshi：控制当前可见状态

xiaji：控制箭头显示

zhankai：记录当前展开状态

xuanzhong：记录选中状态

fuxuan：记录是否勾选

3.设置交互

鼠标点击箭头是设置选中到当前元件，并通过ID筛选当前树形下级节点

鼠标点击复选框时设置筛选id=当前树形下级时进行勾选

鼠标点击添加子节点时，新增行

鼠标点击删除图标时，删除行

中继器每项加载时，根据每项的级别来移动当前元件位置形成树形节点

并通过字段控制是否选中、展开、是否有下级等。

思路大概就是这样，有兴趣的可以先预览哦~

效果预览：树形结构http://www.axuredesign.com/AxureDesign-Lib/RP/ID00005/start.html#g=1&p=%E6%A0%91%E5%BD%A2%E7%BB%93%E6%9E%84

Axure中继器制作树形结构、Axure结构树、Axure树形相关推荐

mysql树形结构的效率_MySQL存储树形数据优化技笔记
1.树形结构应用场景有时我们需要保存一些树形的数据,比如组织架构.话题讨论.知识管理.商品分类等,这些数据之间存在一种递归关系,很多开发人员想到的第一个解决方案往往是记录每个节点的父节点,例如以下的 ...
Axure怎么制作文字滚动的动态效果
对于那些刚接触Axure RP软件的用户来说,如果想要独自制作一个滚动字幕效果,无疑是有些困难的.鉴于此,本文整理了Axure制作文字滚动的动态效果的方法讲解,有需要的朋友可以参考. Axure怎么制 ...
Java树形结构的实现
Java树形结构的实现文章目录 Java树形结构的实现 TreeNode接口工具类TreeUtil 使用 TreeNode接口 public interface TreeNode<T> ...
js树形结构数组扁平化
js树形结构数组扁平化 1. 树形结构 ---- > 扁平化数据一.树形结构 ---- > 扁平化数据 (数据) const newData: any = [{"id" ...
【Axure教程】用中继器制作树形表格
树形表格在系统中是非常常用的表格类型,可以反映父级和子级关系,可以快速查看全局数据,也可以下钻查看详细的数据.因为Axure里只提供了基础的表格元件,没有提供树形表格的元件,所以今天作者就教大家如果用 ...
axure树形表格_Axure教程：Axure中继器实现动态树结构控件详解
树结构是原型设计中常用的控件之一,常用于组织架构等功能.本文作者参照钉钉后台组织架构样式,使用Axure中继器实现动态树结构控件. 一.交互样式初始样式(以钉钉后台-通讯录-组织架构为例): 初始载 ...
【Axure视频教程】用中继器制作调查问卷
今天教大家在Axure里如何用中继器制作调查问卷的原型模板,问卷中包括单选题.多选题和填空题.这个模板是用中继器制作的,所以使用也非常方便,只需要在中继器表格里填写问题类型.内容.答案,即可自动生成对 ...
【Axure视频教程】用中继器制作排名图
Hello,今天教大家用中继器制作排名图,可以在中继器表格里填写数据以及坐标轴最大值后,自动生成自动排名图的效果.该模板使用简单,复用性强.再次使用时,只需要在中继器表格里填写内容,自动生成高保真效果 ...
Axure教程：用中继器制作调查问卷/考试试卷
今天教大家用中继器制作调查问卷或考试试卷,包括了单选.多选和填空题. 制作完成后,以后使用方便,仅需简单填写中继器的内容,即可自动生成调查问卷或考试问卷,所以强烈推荐给各位使用. 原型预览及下载地址: ...

Axure中继器制作树形结构、Axure结构树、Axure树形

Axure中继器制作树形结构、Axure结构树、Axure树形相关推荐

最新文章

热门文章