树形控件

树形控件可组织和展示嵌套的数据结构,支持节点的展开与收起,便于清晰导航与快速定位内容,常用于文件管理、菜单导航、分类结构、组织架构等场景。

创建树形控件

  • 在“资源库-基础资源-导航”中,选择“树形控件”拖拽到画布。

创建树形控件@3x.png

添加、删除和移动选项

添加选项

  • 选择树形控件,在右侧属性栏的“选项”中,点击选项前空白处选择该选项。

  • 点击「添加子级」、「添加同级」按钮,插入新的选项。

增加选项@3x.png

删除选项

在属性栏中,点击选项右侧的「 - 」按钮即可删除该选项。 删除选项@3x.png

移动选项

在属性栏中,将鼠标悬停在选项左侧的「三」图标区域,光标变为小手后,长按并拖拽至目标位置完成移动。

支持移动到两个选项之间,或者某个选项内部,可根据光标确定移动位置。 移动选项@3x.png

设置选中项

选中项可在预览时默认选中。

在属性栏中,鼠标悬停在选项上方,点击其右侧出现的圆形图标,即可设置为选中项。 设置选中项@3x.png

编辑树形控件

树形控件支持调整大小、颜色、边框、文字样式、添加特效等。

树形控件的子选项支持添加交互、修改填充、文本样式。

编辑选项名称

在右侧属性栏单击选项名称,或双击画布中的选项名称,进入编辑状态,即可修改选项名称。

调整缩进

在右侧属性栏中开启或关闭「缩进」开关,可控制子选项的缩进效果。 调整缩进@3x.png

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。