Skip to content

树形控件

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

创建树形控件

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

添加、删除和移动选项

添加选项:选择树形控件,在右侧属性栏的「选项」中,点击选项前空白处选择该选项,然后点击「添加子级」或「添加同级」按钮插入新的选项。

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

移动选项:在属性栏中,将鼠标悬停在选项左侧的拖拽图标区域,光标变为小手后,长按并拖拽至目标位置完成移动。支持移动到两个选项之间,或者某个选项内部,可根据光标确定移动位置。

设置选中项

选中项可在预览时默认选中。在属性栏中,鼠标悬停在选项上方,点击其右侧出现的圆形图标,即可设置为选中项。

编辑树形控件

  • 编辑选项名称:在右侧属性栏单击选项名称,或双击画布中的选项名称,进入编辑状态
  • 调整缩进:在右侧属性栏中开启或关闭「缩进」开关,可控制子选项的缩进效果
  • 树形控件还支持调整大小、颜色、边框、文字样式、添加特效等。子选项支持添加交互、修改填充、文本样式