暗色模式
树形控件
树形控件可组织和展示嵌套的数据结构,支持节点的展开与收起,便于清晰导航与快速定位内容,常用于文件管理、菜单导航、分类结构、组织架构等场景。
创建树形控件
在「资源库 - 基础资源 - 导航」中,选择「树形控件」拖拽到画布。
添加、删除和移动选项
添加选项:选择树形控件,在右侧属性栏的「选项」中,点击选项前空白处选择该选项,然后点击「添加子级」或「添加同级」按钮插入新的选项。
删除选项:在属性栏中,点击选项右侧的「-」按钮即可删除该选项。
移动选项:在属性栏中,将鼠标悬停在选项左侧的拖拽图标区域,光标变为小手后,长按并拖拽至目标位置完成移动。支持移动到两个选项之间,或者某个选项内部,可根据光标确定移动位置。
设置选中项
选中项可在预览时默认选中。在属性栏中,鼠标悬停在选项上方,点击其右侧出现的圆形图标,即可设置为选中项。
编辑树形控件
- 编辑选项名称:在右侧属性栏单击选项名称,或双击画布中的选项名称,进入编辑状态
- 调整缩进:在右侧属性栏中开启或关闭「缩进」开关,可控制子选项的缩进效果
- 树形控件还支持调整大小、颜色、边框、文字样式、添加特效等。子选项支持添加交互、修改填充、文本样式