使用cimgui-go进行Golang GUI开发

cimgui-go是Go语言对Dear ImGui的绑定库，允许你在Go中创建轻量级、高效的即时模式GUI界面。下面我将详细介绍如何使用这个库。

安装和基本设置

首先需要安装cimgui-go：

go get github.com/inkyblackness/imgui-go/v4

基本示例

下面是一个简单的使用cimgui-go创建窗口的示例：

package main

import (
	"github.com/inkyblackness/imgui-go/v4"
	"github.com/veandco/go-sdl2/sdl"
	"github.com/veandco/go-sdl2/sdlrenderer"
)

func main() {
	// 初始化SDL
	if err := sdl.Init(sdl.INIT_VIDEO); err != nil {
		panic(err)
	}
	defer sdl.Quit()

	// 创建窗口
	window, err := sdl.CreateWindow("cimgui-go示例", 
		sdl.WINDOWPOS_UNDEFINED, sdl.WINDOWPOS_UNDEFINED,
		800, 600, sdl.WINDOW_OPENGL|sdl.WINDOW_RESIZABLE)
	if err != nil {
		panic(err)
	}
	defer window.Destroy()

	// 创建渲染器
	renderer, err := sdlrenderer.NewRenderer(window)
	if err != nil {
		panic(err)
	}
	defer renderer.Destroy()

	// 初始化ImGui
	context := imgui.CreateContext(nil)
	defer context.Destroy()
	io := imgui.CurrentIO()

	// 初始化ImGui SDL2绑定
	impl := sdlrenderer.New(renderer)
	defer impl.Dispose()
	impl.SetWindow(window)

	// 主循环
	running := true
	for running {
		for event := sdl.PollEvent(); event != nil; event = sdl.PollEvent() {
			switch event.(type) {
			case *sdl.QuitEvent:
				running = false
			}
			impl.ProcessEvent(event)
		}

		// 开始新帧
		impl.NewFrame()
		imgui.NewFrame()

		// 创建GUI界面
		imgui.Begin("Hello, world!")
		imgui.Text("This is some useful text.")
		if imgui.Button("Click me!") {
			// 按钮点击处理
		}
		imgui.End()

		// 渲染
		imgui.Render()
		impl.Render(imgui.RenderedDrawData())
		renderer.Present()
		sdl.Delay(16) // 约60FPS
	}
}

常用组件使用

按钮和文本

imgui.Button("Click me")
imgui.Text("Simple text")
imgui.TextColored(imgui.Vec4{X: 1, Y: 0, Z: 0, W: 1}, "Red text")

输入框

var text string
imgui.InputText("Input", &text)

滑块和数值输入

var value float32 = 0.5
imgui.SliderFloat("Slider", &value, 0, 1)
imgui.InputFloat("Input float", &value)

复选框

var checked bool
imgui.Checkbox("Checkbox", &checked)

下拉菜单

var currentItem int32
items := []string{"Option 1", "Option 2", "Option 3"}
imgui.Combo("Combo", &currentItem, items)

颜色选择器

var color [4]float32 = [4]float32{1, 0, 0, 1}
imgui.ColorEdit4("Color", &color)

布局控制

窗口

imgui.Begin("Window Title")
// 窗口内容
imgui.End()

子窗口

imgui.BeginChild("Child", imgui.Vec2{X: 200, Y: 100}, true)
// 子窗口内容
imgui.EndChild()

分组

imgui.BeginGroup()
// 分组内容
imgui.EndGroup()

表格

if imgui.BeginTable("table", 3, 0, imgui.Vec2{}, 0) {
    imgui.TableSetupColumn("Column 1")
    imgui.TableSetupColumn("Column 2")
    imgui.TableSetupColumn("Column 3")
    imgui.TableHeadersRow()
    
    for i := 0; i < 5; i++ {
        imgui.TableNextRow()
        for j := 0; j < 3; j++ {
            imgui.TableSetColumnIndex(j)
            imgui.Text(fmt.Sprintf("Row %d, Col %d", i, j))
        }
    }
    imgui.EndTable()
}

样式定制

你可以自定义ImGui的样式：

style := imgui.CurrentStyle()
style.SetColor(imgui.StyleColorText, imgui.Vec4{X: 1, Y: 1, Z: 1, W: 1}) // 白色文本
style.SetWindowRounding(0) // 无圆角窗口

高级功能

自定义字体

io := imgui.CurrentIO()
fontConfig := imgui.NewFontConfig()
defer fontConfig.Destroy()
fontConfig.SetSize(20) // 20px字体

// 加载TTF字体
font := io.Fonts().AddFontFromFileTTF("arial.ttf", 16, fontConfig)

绘图API

drawList := imgui.GetWindowDrawList()
pos := imgui.CursorScreenPos()
drawList.AddLine(
    imgui.Vec2{X: pos.X, Y: pos.Y},
    imgui.Vec2{X: pos.X + 100, Y: pos.Y + 100},
    imgui.PackedColorFromVec4(imgui.Vec4{X: 1, Y: 0, Z: 0, W: 1}),
    2.0, // 线宽
)

性能优化建议

1. 避免在每帧创建临时字符串，尽量重用变量
2. 对于不常变化的内容，使用imgui.BeginChild()和imgui.EndChild()限制更新区域
3. 对于复杂界面，考虑使用imgui.SetNextWindowSizeConstraints()限制窗口大小
4. 使用imgui.BeginDisabled()和imgui.EndDisabled()来禁用不需要交互的部分

总结

cimgui-go为Go开发者提供了使用Dear ImGui的便捷方式，可以创建高性能的GUI应用程序。它的即时模式设计使得UI开发变得直观简单，特别适合工具、编辑器等需要频繁更新的界面。

要了解更多细节，可以参考cimgui-go的GitHub仓库和Dear ImGui的官方文档。