designer

README

ENERGY GUI Designer

🌟 项目简介

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 改为你自己的对应目录

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）

截图