【Axure粉丝福利】分级下拉树

本文将教大家如何用AXURE中的动态面板制作树

今天教大家如何用中继器制作一个多选树的基础元件，制作完成后我们只需要填写表格数据，就可以自动生成对应的书元件，具体效果如下所示：

Axure Design 高保真原型设计欢迎您，本站提供Axure多种动态交互元件库以及原型模板、高效便捷，提高设计效率。Axure Design 高保真原型设计欢迎您，本站提供Axure多种动态交互元件库以及原型模板、高效便捷，提高设计效率。Axure高保真原型设计、Axure元件库、产品交互设计、AxureDesign。Axure高保真原型设计、Axure元件库、产品交互设计、AxureDesign。并通过字段控制是否选中、展开、是否有下级等。一个箭头，复选框，文本，新增节点、删除图标。

一、树介绍 在Axure RP中，说的就是树形小部件，树型小部件最常用于模拟文件浏览器和可视化其他层次结构。单击树小部件的各个节点可以在页面上显示不同的小部件，或者在项目中打开不同的页面。 但是自带的树不怎么好用，比如不能修改间距，很多想要的样式都不能实现。鉴于此，我们很有必要自己实现树结构。 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

树和表格是信息系统中两个重要的元件，树结构是一种层次化的数据结构，它以树的形式展示数据的层次关系；表格是一种二维结构，由行和列组成。每一行表示一个记录，每一列表示一个属性。在实际应用中，这两种结构常常会结合使用，以满足不同的需求。

今天教大家如何用中继器制作一个含图标的树元件的原型模板~~~

Axure 中继器实现树形结构操作

下拉列表是网页中一种最节省页面空间的选择方式，我们可以使用下拉列表快速选择选项；如果选项太多时，我们还会用到下拉树，对选项进行分类，例如广东-广州-xxx营业厅，分类后可以让客户更容易找到对应的选项。 所以本期教程主要介绍如何在Axure里做一个高保真的下拉树模板。 一、制作完成后应具备以下效果 弹窗效果：点击下拉框后弹出树弹窗，点击其他内容时自动收起 展开收起：点击树节点可以切换展开或者收起对应子节点 选择回显：选择内容后，将选择内容回显至下拉框 滚动效果：内容

今天和粉丝们免费分享下拉树的原型模板，首周免费获取。

本树的交互已由代码实现，数据由中继器记录。使用者不必添加事件等操作，只需要在中继器中录入数据即可实现多级可交互的树。

今天和大家分享树元件及应用案例的原型模板，包括结构树、多选树、树的应用案例，以及增、删、改、查、展开、折叠等效果~~~

今天教大家怎么在Axure里制作多层级动态表格，包括展开、折叠、增加、修改、删除等效果，具体效果如下所示：

【Axure高保真原型】树形选择器

今天加大家用中继器制作树形表格的原型模板~~~