# designer

**Repository Path**: energye/designer

## Basic Information

- **Project Name**: designer
- **Description**: ENERGY Designer 由 Go 语言开发, 基于 ENERGY GUI 框架自举实现, 支持 Windows, macOS, Linux
- **Primary Language**: Go
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://energye.gitee.io/
- **GVP Project**: No

## Statistics

- **Stars**: 24
- **Forks**: 2
- **Created**: 2025-09-14
- **Last Updated**: 2025-12-12

## Categories & Tags

**Categories**: desktop-ui

**Tags**: None

## README

# ENERGY GUI Designer

![go-version](https://img.shields.io/github/go-mod/go-version/energye/designer?logo=git&logoColor=green)
[![github](https://img.shields.io/github/last-commit/energye/energy/main.svg?logo=github&logoColor=green&label=commit)](https://github.com/energye/designer)
![repo](https://img.shields.io/github/repo-size/energye/designer.svg?logo=github&logoColor=green&label=repo-size)
---

## 🌟 项目简介

ENERGY Designer 是专为 ENERGY 跨平台 GUI 框架打造、且基于该框架开发的可视化设计器，它采用 Go LCL 组件库实现，提供所见即所得的设计体验与简化的 GUI 设计功能，开发者可通过拖拽控件、设置属性直观操作，快速创建和编辑 GUI 界面的同时，还能自动生成对应的 Go 代码。

## 🚀 核心特性

### 🔧 设计器功能
- **可视化设计**：所见即所得的 GUI 界面设计体验
- **控件拖拽**：支持标准控件的拖拽布局
- **属性编辑**：实时属性和事件设置
- **组件管理**：完整的组件树查看和管理
- **预览运行**：实时预览设计效果

## 🎯 使用场景

1. **快速原型开发**：快速构建 GUI 应用
2. **界面设计**：可视化设计复杂的用户界面
3. **代码生成**：自动生 ENERGY GUI 的代码
4. **丰富的组件**：原生控件, CEF控件, Webview控件

*ENERGY Designer - 让 GUI 开发更简单*

## 示例项目生成目录说明
- `test/`: 项目根目录
    - `build/`: 构建输出目录
    - `forms/`: 
        - `form1.go`: 用户的 Go 代码
        - `form1.ui`: UI 布局文件
        - `form1.ui.go`: 自动生成的 Go 代码
- `main.go`: 主程序入口
- `test.egp`: ENERGY GUI 项目配置文件
- `go.mod`: Go 模块依赖文件

## 安装

克隆以下三个库到本地

### 1. 克隆 LCL
ENERGY GUI 跨平台框架库

`git clone https://gitee.com/energye/lcl.git` 注意: 切换分枝`3.0-beta`

### 2. 克隆 Designer
基于 ENERGY GUI 框架实现的自举设计器库

`git clone https://gitee.com/energye/designer.git`

### 3. 克隆 Widget
基于 ENERGY GUI 框架实现的控件库

`git clone https://gitee.com/energye/widget.git`

### 4. 修改 designer go.mod 模块管理文件
将 `C:\app\workspace\lcl 和 C:\app\workspace\widget` 改为你自己的对应目录

```text
replace (
	github.com/energye/lcl => C:\app\workspace\lcl
	github.com/energye/widget => C:\app\workspace\widget
)
```

### 5. 运行
- 进入 designer 目录
- 运行 `go run main.go`

如果有需求，请提 issue, 或加入 QQ 群进行交流（541258627）

## 截图

![ENERGY-designer-create-project.png](docs/image/ENERGY-designer-create-project.png)

![ENERGY-designer-run.png](docs%2Fimage%2FENERGY-designer-run.png)

![ENERGY-designer.png](docs%2Fimage%2FENERGY-designer.png)

![ENERGY-designer-linux.png](docs/image/ENERGY-designer-linux.png)

![ENERGY-designer-preview.png](docs%2Fimage%2FENERGY-designer-preview.png)

![ENERGY-designer-linux-preview.png](docs/image/ENERGY-designer-linux-preview.png)