ImGui是专为开发工具、调试面板等快速迭代界面设计的即时模式GUI框架,不依赖窗口系统,每帧用C++代码生成UI,需手动管理变量状态并集成渲染后端。

ImGui 不是用来做传统“完整 GUI 应用”的框架,而是专为开发工具、调试面板、游戏内编辑器这类需要快速迭代、高度定制化、且不追求原生外观的界面而设计。它不依赖窗口系统,不管理控件生命周期,所有 UI 都在每帧中用 C++ 代码即时生成 —— 这正是它“快”的核心。
一、基础集成:三步跑起第一个窗口
以 OpenGL + GLFW 为例(最常见组合):
- 下载 imgui.zip,解压后把
imgui.cpp、imgui_demo.cpp、imgui_draw.cpp、imgui_widgets.cpp和imconfig.h、imgui.h、imgui_internal.h加入你的项目; - 初始化:在创建 OpenGL 上下文后,调用
ImGui::CreateContext(),再用ImGui_ImplGlfw_InitForOpenGL(window, true)和ImGui_ImplOpenGL3_Init("#version 150")绑定平台与渲染后端; - 主循环里加三段固定代码:
ImGui_ImplOpenGL3_NewFrame()→ImGui_ImplGlfw_NewFrame()→ImGui::NewFrame()(开始构建),然后写 UI,最后ImGui::Render()+ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData())(提交绘制)。
二、写 UI:声明式风格,无控件对象,只有函数调用
你不用 new 按钮、存句柄、响应信号。每一帧都“重画”整个界面:
-
if (ImGui::Begin("我的面板")) {开启一个可拖拽、可折叠的窗口; - 里面直接写
ImGui::SliderFloat("亮度", &light, 0.0f, 1.0f);—— 它自动读写变量light,返回 true 表示值被用户改过; - 按钮是
if (ImGui::Button("保存")) { save(); },点击瞬间触发逻辑; - 所有控件靠顺序和缩进布局,用
ImGui::SameLine()水平并排,ImGui::Spacing()或ImGui::Dummy()控制空白。
三、状态管理:自己管变量,别指望 ImGui 记住
ImGui 本身没有“控件状态对象”。它只读写你传入的变量地址:
立即学习“C++免费学习笔记(深入)”;
- 滑块、输入框、复选框等,参数都是
float*、char[32]、bool*—— 你必须提供有效内存地址; - 想让某个选项默认打开?初始化你的
bool show_debug = true;; - 动态列表(比如运行时增删的设置项)?用
std::vector存数据,每帧遍历调用ImGui::Checkbox(),用索引或指针作为唯一 ID(避免命名冲突,可用ImGui::PushID(i)); - 不要试图“获取按钮控件指针”——它不存在。交互逻辑就写在
if (Button(...)) { ... }大括号里。
四、实用技巧:让开发真正快起来
省时间的关键不在语法,而在工作流:
- 用
ImGui::ShowDemoWindow()打开官方示例,它是完整文档+可运行代码,Ctrl+F 查“tree”、“tab”、“plot”立刻看到对应写法; - 调试时加
ImGui::Text("fps: %.1f", ImGui::GetIO().Framerate);和ImGui::ShowMetricsWindow()看内部节点、内存占用; - 自定义样式:修改
ImGuiStyle& style = ImGui::GetStyle();,改颜色、圆角、间距,5 分钟换肤; - 导出配置:用
ImGui::SaveIniSettingsToDisk("myapp.ini")自动保存窗口位置、折叠状态、slider 值,下次启动自动还原。











