Skip to content

项目管理器

项目管理器位于设计器左侧(组件库右侧),以树形结构展示项目的窗体组件树和源码文件目录。

界面组成

项目管理器的树形视图包含三个主要节点:

项目名称/
├── Forms/              # 窗体组件树
│   ├── Form1           # 窗体根节点
│   │   ├── Panel1      # 子组件
│   │   │   ├── Button1
│   │   │   └── Label1
│   │   └── Edit1
│   └── Form2
│       └── ...
└── src/                # 源码文件目录
    ├── app/
    │   ├── app.go
    │   ├── form1.go
    │   ├── form1.ui.go
    │   └── ...
    ├── layouts/
    │   ├── form1.ui
    │   └── form2.ui
    ├── resources/
    │   └── ...
    ├── main.go
    ├── go.mod
    └── go.sum

Forms - 窗体组件树

组件树结构

每个窗体作为一棵独立的组件树显示:

  • 窗体名称为根节点
  • 放置的组件按层级关系展示
  • 组件名称显示为 {组件类型}{编号}(如 Button1Panel2

选择组件

  • 单击 树节点 → 选中该组件,右侧对象检查器同步显示其属性
  • 选中组件时,设计画布上自动切换到对应的窗体标签页并显示组件的拖拽控制点

右键菜单

在组件树节点上 右键 弹出上下文菜单,支持:

操作说明
置顶将组件移到最前面(Z 序最前)
置底将组件移到最后面(Z 序最后)
上移一层向前移动一层
下移一层向后移动一层
删除删除选中组件

组件名管理

  • 组件名称在创建时自动生成,保证唯一性
  • 组件名称修改时自动检查是否与现有组件重名
  • 窗体名称修改会联动更新对应的 Go 代码文件中的自引用名称

src - 源码文件目录

文件浏览

src 节点显示当前项目的所有源码文件:

  • app/ 目录下的所有文件(窗体代码、UI 代码文件等)
  • layouts/ 目录下的 UI 布局文件(.ui 格式)
  • resources/ 目录下的资源文件(图标、平台元数据等)
  • 项目根目录下的文件(main.gogo.modgo.sum 等)

文件类型标识

不同类型的文件显示不同的图标:

  • .go 文件 - Go 语言文件图标
  • .ui 文件 - UI 布局文件图标
  • .json 文件 - 配置文件图标

打开文件

  • 双击 文件节点 → 在代码编辑器中打开该文件
  • 如果文件属于某个设计窗体,自动切换到对应窗体的子标签页
  • 非窗体文件在设计器主标签页中以独立编辑器标签打开

组件树与设计同步

项目管理器的组件树与设计画布保持实时同步:

操作位置同步行为
设计画布放置新组件组件树中自动添加对应节点
设计画布选中组件组件树中对应节点自动选中
组件树中选中节点设计画布切换到对应窗体并显示选中状态
删除组件组件树中对应节点自动移除
修改组件属性(如大小、位置)组件树节点数据同步更新
修改窗体名称组件树根节点名称同步更新,关联的 Go 代码文件名同步修改

GO
ENERGY