项目管理器
项目管理器位于设计器左侧(组件库右侧),以树形结构展示项目的窗体组件树和源码文件目录。
界面组成
项目管理器的树形视图包含三个主要节点:
项目名称/
├── 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.sumForms - 窗体组件树
组件树结构
每个窗体作为一棵独立的组件树显示:
- 窗体名称为根节点
- 放置的组件按层级关系展示
- 组件名称显示为
{组件类型}{编号}(如Button1、Panel2)
选择组件
- 单击 树节点 → 选中该组件,右侧对象检查器同步显示其属性
- 选中组件时,设计画布上自动切换到对应的窗体标签页并显示组件的拖拽控制点
右键菜单
在组件树节点上 右键 弹出上下文菜单,支持:
| 操作 | 说明 |
|---|---|
| 置顶 | 将组件移到最前面(Z 序最前) |
| 置底 | 将组件移到最后面(Z 序最后) |
| 上移一层 | 向前移动一层 |
| 下移一层 | 向后移动一层 |
| 删除 | 删除选中组件 |
组件名管理
- 组件名称在创建时自动生成,保证唯一性
- 组件名称修改时自动检查是否与现有组件重名
- 窗体名称修改会联动更新对应的 Go 代码文件中的自引用名称
src - 源码文件目录
文件浏览
src 节点显示当前项目的所有源码文件:
app/目录下的所有文件(窗体代码、UI 代码文件等)layouts/目录下的 UI 布局文件(.ui格式)resources/目录下的资源文件(图标、平台元数据等)- 项目根目录下的文件(
main.go、go.mod、go.sum等)
文件类型标识
不同类型的文件显示不同的图标:
.go文件 - Go 语言文件图标.ui文件 - UI 布局文件图标.json文件 - 配置文件图标
打开文件
- 双击 文件节点 → 在代码编辑器中打开该文件
- 如果文件属于某个设计窗体,自动切换到对应窗体的子标签页
- 非窗体文件在设计器主标签页中以独立编辑器标签打开
组件树与设计同步
项目管理器的组件树与设计画布保持实时同步:
| 操作位置 | 同步行为 |
|---|---|
| 设计画布放置新组件 | 组件树中自动添加对应节点 |
| 设计画布选中组件 | 组件树中对应节点自动选中 |
| 组件树中选中节点 | 设计画布切换到对应窗体并显示选中状态 |
| 删除组件 | 组件树中对应节点自动移除 |
| 修改组件属性(如大小、位置) | 组件树节点数据同步更新 |
| 修改窗体名称 | 组件树根节点名称同步更新,关联的 Go 代码文件名同步修改 |