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

已于 2023-08-09 14:27:31 修改
阅读量3.1k 收藏 6
点赞数 1
分类专栏： 模板 axure 高保真原型模板 文章标签： axure
于 2022-12-08 17:30:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44933101/article/details/128240518
版权

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

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

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

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

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

2. 设置中继器字段

name：树形节点名称

jibie：记录当前级别

paixu：树形节点ID

xianshi：控制当前可见状态

xiaji：控制箭头显示

zhankai：记录当前展开状态

xuanzhong：记录选中状态

fuxuan：记录是否勾选

3.设置交互

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

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

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

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

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

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

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

效果预览： 树形结构http://www.axuredesign.com/index.php?m=content&c=index&a=show&catid=1&id=5

Axure原型设计
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
axure树形表格_Axure教程：Axure中继器实现动态树结构控件详解
weixin_39562234的博客
12-22 3239
树结构是原型设计中常用的控件之一，常用于组织架构等功能。本文作者参照钉钉后台组织架构样式，使用Axure中继器实现动态树结构控件。一、交互样式初始样式(以钉钉后台-通讯录-组织架构为例)：初始载入时，仅显示父节点；添加子部门后，父节点出现三角箭头，且默认展开；添加3级部门后，对应2级部门出现三角箭头，且默认不展开；点击对应节点的的三角箭头，可切换展示下一级子节点；点击添加子部门，弹出添加子部门弹出...
Axure RP 9树与菜单树的实现【教程五】
热门推荐
亲测，只为展现最完美的有效！
11-21 1万+
一、树介绍 在Axure RP中，说的就是树形小部件，树型小部件最常用于模拟文件浏览器和可视化其他层次结构。单击树小部件的各个节点可以在页面上显示不同的小部件，或者在项目中打开不同的页面。 但是自带的树不怎么好用，比如不能修改间距，很多想要的样式都不能实现。鉴于此，我们很有必要自己实现树结构。 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
【集合源码系列】TreeMap其余方法源码解析
菜鸡也有大佬梦
09-29 222
查找元素 单个元素 public V get(Object key) { // 获得 key 对应的 Entry 节点 Entry<K,V> p = getEntry(key); // 返回 value 值 return (p == null ? null : p.value); } final Entry<K,V> getEntry(Object key) { // 不使用 comparator 查找 // Offload compar
【Axure】三级多选树
ivys52的博客
05-07 374
项目的展开和收起，选中以及取消选中。
【Axure教程】用中继器制作树形表格
mushe93的博客
07-26 1590
今天加大家用中继器制作树形表格的原型模板~~~
【Axure教程】中继器制作树元件
mushe93的博客
10-27 461
今天教大家如何用中继器制作一个含图标的树元件的原型模板~~~
【Axure视频教程】中继器树形表格（折叠表格）
mushe93的博客
09-27 967
今天教大家用中继器制作树形表格的原型模板~~~
【Axure教程】用中继器制作多选树
mushe93的博客
11-30 1321
今天教大家如何用中继器制作一个多选树的基础元件，制作完成后我们只需要填写表格数据，就可以自动生成对应的书元件，具体效果如下所示：
axure树形表格_树状菜单 表格 水平菜单 垂直菜单
weixin_39640762的博客
12-22 2565
Axure RP9新版本已上线，狄老师精心录制《Axure RP9产品经理原型设计实战课程》，课程地址：一、首先我们了解一下什么是产品原型(本课程的第一课时详细的介绍了产品原型的相关知识，为Axure的学习铺平道路)产品原型时在产品被开发出来之前用于表达产品理念和功能逻辑的模型。抽象的想法/需求 => 直观的图形二、Axure RP 8.0就是一款非常专业的原型设计工具Axure RP 8....
axure树形表格_Axure教程：可增删改的树型结构
weixin_39580042的博客
12-22 1715
今天，教大家如何做一个树型结构，以及节点与节点之间相互交互的内容。一、效果介绍功能介绍：展开/收起：点击箭头，可以展开或收起子节点。添加子节点：点击添加子节点按钮，可添加子节点，并在本节点自动生成箭头，如果本节点下方有内容，自动打开内容。添加同级节点：点击添加同级节点按钮，可添加同级节点。删除节点：点击删除节点按钮：删除该节点和该节点的子节点，如果该节点父节点只有该子节点，父节点箭头自动消失。修改...
Axure中继器实例.rp
07-01
中继器实例
Axure9中继器实现树形多选穿梭框
05-12
1.树形结构 2.支持多选、全选 3.左边选择后，点击->将所选择的记录移到右侧显示。右边选择后，点击->将所选择的记录移到左侧显示 1.树形结构 2.支持多选、全选 3.左边选择后，点击->将所选择的记录移到右侧显示。...
Axure 中继器树
08-11
Axure 中继器树的使用，利用中继器筛选、排序等，也可以利用中继器来做下拉框的边输过过滤的效果。
AxureRP9 中继器的使用
02-24
1.创建表 2.绑定数据 3.分页控件
Axure教程：用中继器做图片轮播.docx
05-30
Axure 教程：用中继器做图片轮播 Axure 是一款功能强大且灵活的原型设计工具，通过使用中继器可以实现图片轮播的效果。本文将指导您使用中继器来制作图片轮播，并且详细介绍了制作过程中的每个步骤。 1. why 中继...
Axure软件新功能解析与应用技巧分享
sky768872的博客
07-23 871
Axure是一种多功能的原型设计工具，设计者可以利用它来创建高度互动的数据产品原型，从而有效地检测和优化客户体验，减少设计和开发过程中的问题。Axure的主要功能和用途包括网站、应用程序、软件和互动媒体，广泛应用于用户界面设计和用户体验设计行业，并广泛应用于建立各种数字商品。线框图工具Axure RP带来了互动组件、网格、动画效果、条件逻辑等完美的工具来建立线框图。用户可以使用Axure 建立简单的线框图或RP高保真原型。原型制作。
数字看板：跨行业需求下的创新与升级
最新发布
招风的黑耳CSDN
07-25 701
Axure作为一款强大的原型设计工具，广泛应用于用户界面（UI）和客户体验（UX）设计领域。它不仅能够帮助产品经理、设计师和开发者快速创建具有交互性的高保真原型，还极大地促进了团队成员之间的沟通与反馈。Axure以其丰富的功能和灵活的操作性，在数字化转型的浪潮中，成为了数字看板、数据可视化以及智能化管理的重要支持工具。
探索原型设计的未来——Axure RP引领设计革新
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-24 437
本文将为大家介绍下Axure RP在原型设计中的优势以及目前比较流行的趋势，希望能帮助到大家~
axure中继器模板
09-13
Axure中继器模板是一种在原型设计中常用的工具，可以大大减少工作时间并提高效率。通过使用中继器，我们可以在多个页面上重复使用相同的元件，以达到统一设计和更好的维护性的目的。在Axure中，中继器可以用于创建列表页等重复元素，能够在多个页面上保持一致性，并且可以方便地进行更新和修改。 具体使用Axure中继器模板的步骤如下： 1. 首先，在Axure中打开你的原型项目，并选择需要使用中继器的页面。 2. 在Axure的“元件”面板中，选择你想要重复使用的元件，并右键点击该元件，选择“转换为中继器”选项。 3. 在弹出的对话框中，给中继器取一个名称，并设定所需的参数，如中继器的宽度、高度等。点击确定后，该元件将被转换为中继器，并在“中继器”面板中显示。 4. 在需要使用该中继器的页面上，从“中继器”面板中拖拽该中继器到所需位置，并根据需要进行调整和修改。 5. 如果需要对中继器进行更新或修改，只需在任意一个页面上修改中继器的内容，其他使用了该中继器的页面也会同步更新。 总结来说，Axure中继器模板是一种能够在原型设计中重复使用元件的工具，通过使用中继器，我们可以提高工作效率，减少重复的工作，同时保持页面的一致性。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值