跳到主要内容

概述

树(Tree)控件用于显示一个树结构。可以通过该节点实现一个可以选择、展开和折叠的树结构。

提示

树结构的实现需要使用树元素(TreeItem)类,这个类在节点树中无法直接创建,因此需要使用脚本实现树结构

节点使用

在树节点上显示内容,需要为其创建一个脚本,在脚本中使用代码创建树元素(TreeItem)并通过调用其方法设置位置和文本。树、树元素方法的详情请查看API文档。

以下步骤创建了一个带有二级子节点的树:

  1. 创建一个2D场景,新建一个树节点,大小设为300×200,布局居中

  2. 为树节点创建一个脚本,脚本内容如下:

    extends Tree

    func _ready():
    #创建TreeItem
    var root = create_item()
    var child1 = create_item(self)
    var child2 = create_item(self)
    var subchild1 = create_item(child1)
    var subchild2 = create_item(child2)
    #调用TreeItem方法,设置节点文字
    root.set_text(0, "根节点")
    child1.set_text(0, "一级子节点1")
    child2.set_text(0, "一级子节点2")
    subchild1.set_text(0, "二级子节点1")
    subchild2.set_text(0, "二级子节点2")
  3. 运行场景,创建的树效果如下: