2026/8/21 16:53:20
FEATURED · 精选文章 
Dear ImGui快速上手零依赖C GUI库的一学就会实战指南【免费下载链接】imguiDear ImGui: Bloat-free Graphical User interface for C with minimal dependencies项目地址: https://gitcode.com/GitHub_Trending/im/imgui做工具界面做到想摔键盘给引擎加个参数调节面板Qt 太重、原生窗口 API 太啰嗦明明只有两个滑块UI 工作量却比业务逻辑还大。如果你也卡在做界面比写代码还慢的泥潭里——那么 Dear ImGui这款号称 bloat-free零臃肿、依赖极少的 C 即时模式 GUI 库正是对症的解药。它的思路简单到反直觉不维护控件状态每帧重新画一遍界面永远等于当前数据。谁适合用 Dear ImGui三个场景对号入座 游戏与实时渲染开发者调试时要随时调光照强度、粒子数量、物理参数最烦的就是改一次参数要重新编译整个 UI。Dear ImGui 是即时模式改一行SliderFloat的取值区间下一帧立刻生效无需构建任何 UI 资源。它因此成为游戏行业内部调试工具的事实标准各大引擎厂商都在用。工具链与内容创作工具开发者关卡编辑器、数据导入导出、批量处理小工具这类用完即弃的内部程序最怕维护成本。用 Dear ImGui 写界面就是写代码本身没有独立 UI 文件、没有信号槽连接临时面板几分钟就能堆出来。嵌入式与工业可视化场景设备参数配置、传感器数据监控这类界面往往跑在非标准环境里。Dear ImGui 不依赖操作系统原生控件只要你的平台能画带纹理的三角形它就能渲染——Linux、Windows、macOS、游戏主机都能跑仓库里还自带 Android 后端示例。一条边界要划清Dear ImGui 定位是开发者工具界面不是给终端用户打磨的产品级 UI后者请出门右转 Qt。Dear ImGui 与主流 GUI 方案横向对比 对比维度Dear ImGuiQt原生平台 APIWin32 等传统即时模式库如 Nuklear接入成本拷贝几个 .cpp 进工程即可庞大的框架与构建系统平台绑定跨平台要重写类似但生态、文档少得多界面代码量几十行搞定常见面板信号槽、对象树、UI 文件三件套消息循环加回调样板极多中等迭代速度改代码立即生效需要整体构建慢较快渲染后端覆盖OpenGL/Vulkan/DX/SDL 全覆盖自带风格引擎系统绘制需自行接入适合场景实时调试工具正式产品 GUI系统原生应用极简嵌入式差距一句话就能说透Dear ImGui 直接取消了传统 GUI 最大的心智负担——状态同步。你不需要维护控件状态和业务数据两份拷贝界面只是数据每帧的投影改数据就是改界面。四步跑通 Dear ImGui 的完整教程 第一步获取源码git clone https://gitcode.com/GitHub_Trending/im/imgui仓库结构很清爽根目录的imgui*.cpp/.h是全部核心代码backends/ 是各图形 API 的适配器examples/ 是能直接编译的示例工程docs/ 是官方文档。第二步确认环境只需要三样一个 C 编译器GCC / Clang / Visual Studio 均可、一个窗口库GLFW 或 SDL2 任选、一个图形 APIOpenGL 最省事。本项目不强制 CMake直接拿 examples/example_glfw_opengl3/ 下的 Makefile 或build_win32.bat就能构建。第三步拷贝核心文件到你的工程Dear ImGui 不需要安装把文件加进编译列表即可核心五件套imgui.cpp、imgui_draw.cpp、imgui_widgets.cpp、imgui_tables.cpp配套imgui.h、imgui_internal.h、imconfig.h想看官方控件演示再加imgui_demo.cpp后端一对以 GLFW OpenGL3 为例选imgui_impl_glfw.cpp/.h与imgui_impl_opengl3.cpp/.h第四步套用标准主循环模板初始化顺序是死的创建上下文 → 初始化后端 → 每帧 NewFrame → 绘制 UI → Render。顺序颠倒必出问题记住这一条后面 90% 的坑都能躲开。抄作业级迷你示例一个可调色面板 #include imgui.h #include imgui_impl_glfw.h #include imgui_impl_opengl3.h #include GLFW/glfw3.h int main() { // 1. 创建 GLFW 窗口 glfwInit(); GLFWwindow* window glfwCreateWindow(1280, 800, 调色面板, nullptr, nullptr); glfwMakeContextCurrent(window); glfwSwapInterval(1); // 2. 初始化 Dear ImGui上下文 主题 两个后端 IMGUI_CHECKVERSION(); // 校验版本一致性 ImGui::CreateContext(); ImGui::StyleColorsDark(); // 内置暗色主题 ImGui_ImplGlfw_InitForOpenGL(window, true); // 接入窗口与输入 ImGui_ImplOpenGL3_Init(#version 130); // 指定 GLSL 版本 // 3. 界面数据static 保住跨帧状态 static float alpha 0.5f; static ImVec4 color(0.2f, 0.5f, 0.9f, 1.0f); while (!glfwWindowShouldClose(window)) { glfwPollEvents(); // 4. 每帧三部曲先后端再核心 ImGui_ImplOpenGL3_NewFrame(); ImGui_ImplGlfw_NewFrame(); ImGui::NewFrame(); // 5. 画界面Begin/End 之间全是控件 ImGui::Begin(调色面板); ImGui::Text(拖动滑块实时预览); ImGui::SliderFloat(透明度, alpha, 0.0f, 1.0f); // 滑块3/4 参数是范围 ImGui::ColorEdit3(背景色, (float*)color); // 颜色选择器 if (ImGui::Button(重置)) { alpha 0.5f; } // 按钮被点击时返回 true ImGui::End(); // 6. 渲染先 Render再交给后端画 ImGui::Render(); glClearColor(color.x, color.y, color.z, color.w); glClear(GL_COLOR_BUFFER_BIT); ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData()); glfwSwapBuffers(window); } // 7. 收尾清理 ImGui_ImplOpenGL3_Shutdown(); ImGui_ImplGlfw_Shutdown(); ImGui::DestroyContext(); }这段代码就是 Dear ImGui 的全部骨架一个Begin/End包出一个窗口窗口里每个控件调用一次控件的返回值直接驱动业务逻辑。想换成 SDL2 或 Vulkan只需把两个_impl_后端替换成对应的 backends/ 文件UI 代码一行都不用改。高频操作速查表 想要的效果调用方式说明开一个窗口ImGui::Begin(标题)…ImGui::End()必须成对出现显示文本ImGui::Text(值%d, n)支持 printf 风格格式化按钮if (ImGui::Button(保存)) {…}点击瞬间返回 true滑块ImGui::SliderFloat(标签, f, 0, 1)后两个参数是取值范围颜色选择ImGui::ColorEdit3(颜色, (float*)c)传入 3 个 float输入框ImGui::InputText(名字, buf, size)需要 char 数组勾选框ImGui::Checkbox(启用, flag)直接绑定 bool浏览全部控件ImGui::ShowDemoWindow()官方控件演示新手必开控件记不全很正常直接翻 imgui_demo.cpp 的源码——它就是一本活字典每个控件都配了使用示例比任何教程都全。避坑 FAQ新手最常踩的五个坑 ❓Q1编译报一堆链接错误怎么回事多半是源文件没加全。核心五件套加你选的后端 .cpp 一个都不能少报错说哪个符号找不到就去对应的文件里查。Q2窗口打开了但界面一片空白检查调用顺序NewFrame()必须在画 UI 之前Render()必须在RenderDrawData()之前初始化时先CreateContext()再ImGui_ImplXxx_Init()。顺序颠倒必翻车。Q3中文全部显示成乱码内置字体不含中文字形。用io.Fonts-AddFontFromFileTTF()加载中文字体misc/fonts/ 有现成文件并在NewFrame()前调用io.Fonts-Build()详见 docs/FONTS.md。Q4鼠标点击完全没反应多半是输入回调没装好。ImGui_ImplGlfw_InitForOpenGL(window, true)的第二个参数true表示自动安装输入回调改成false就得自己转发鼠标键盘事件。Q5为什么每帧刷新后控件值都被重置这是即时模式的正常特性每帧重新执行绘制代码状态必须自己保存。用static变量或结构体字段存数据就是标准解法示例里已经示范了。收尾一句话总结与下一步行动Dear ImGui 的价值一句话说透把维护 UI 状态从你的心智负担里整个删掉让界面代码回归数据长什么样界面就长什么样的直觉。下一步行动很简单——先编译跑通 examples/example_glfw_opengl3/再打开ShowDemoWindow()挨个试控件半小时后你就能给自己的引擎或工具加上第一个调试面板。想深入底层原理docs/README.md 和 docs/BACKENDS.md 已经给你铺好了路。【免费下载链接】imguiDear ImGui: Bloat-free Graphical User interface for C with minimal dependencies项目地址: https://gitcode.com/GitHub_Trending/im/imgui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Dear ImGui快速上手：零依赖C++ GUI库的一学就会实战指南
Dear ImGui快速上手零依赖C GUI库的一学就会实战指南【免费下载链接】imguiDear ImGui: Bloat-free Graphical User interface for C with minimal dependencies项目地址: https://gitcode.com/GitHub_Trending/im/imgui做工具界面做到想摔键盘给引擎加个参数调节面板Qt 太重、原生窗口 API 太啰嗦明明只有两个滑块UI 工作量却比业务逻辑还大。如果你也卡在做界面比写代码还慢的泥潭里——那么 Dear ImGui这款号称 bloat-free零臃肿、依赖极少的 C 即时模式 GUI 库正是对症的解药。它的思路简单到反直觉不维护控件状态每帧重新画一遍界面永远等于当前数据。谁适合用 Dear ImGui三个场景对号入座 游戏与实时渲染开发者调试时要随时调光照强度、粒子数量、物理参数最烦的就是改一次参数要重新编译整个 UI。Dear ImGui 是即时模式改一行SliderFloat的取值区间下一帧立刻生效无需构建任何 UI 资源。它因此成为游戏行业内部调试工具的事实标准各大引擎厂商都在用。工具链与内容创作工具开发者关卡编辑器、数据导入导出、批量处理小工具这类用完即弃的内部程序最怕维护成本。用 Dear ImGui 写界面就是写代码本身没有独立 UI 文件、没有信号槽连接临时面板几分钟就能堆出来。嵌入式与工业可视化场景设备参数配置、传感器数据监控这类界面往往跑在非标准环境里。Dear ImGui 不依赖操作系统原生控件只要你的平台能画带纹理的三角形它就能渲染——Linux、Windows、macOS、游戏主机都能跑仓库里还自带 Android 后端示例。一条边界要划清Dear ImGui 定位是开发者工具界面不是给终端用户打磨的产品级 UI后者请出门右转 Qt。Dear ImGui 与主流 GUI 方案横向对比 对比维度Dear ImGuiQt原生平台 APIWin32 等传统即时模式库如 Nuklear接入成本拷贝几个 .cpp 进工程即可庞大的框架与构建系统平台绑定跨平台要重写类似但生态、文档少得多界面代码量几十行搞定常见面板信号槽、对象树、UI 文件三件套消息循环加回调样板极多中等迭代速度改代码立即生效需要整体构建慢较快渲染后端覆盖OpenGL/Vulkan/DX/SDL 全覆盖自带风格引擎系统绘制需自行接入适合场景实时调试工具正式产品 GUI系统原生应用极简嵌入式差距一句话就能说透Dear ImGui 直接取消了传统 GUI 最大的心智负担——状态同步。你不需要维护控件状态和业务数据两份拷贝界面只是数据每帧的投影改数据就是改界面。四步跑通 Dear ImGui 的完整教程 第一步获取源码git clone https://gitcode.com/GitHub_Trending/im/imgui仓库结构很清爽根目录的imgui*.cpp/.h是全部核心代码backends/ 是各图形 API 的适配器examples/ 是能直接编译的示例工程docs/ 是官方文档。第二步确认环境只需要三样一个 C 编译器GCC / Clang / Visual Studio 均可、一个窗口库GLFW 或 SDL2 任选、一个图形 APIOpenGL 最省事。本项目不强制 CMake直接拿 examples/example_glfw_opengl3/ 下的 Makefile 或build_win32.bat就能构建。第三步拷贝核心文件到你的工程Dear ImGui 不需要安装把文件加进编译列表即可核心五件套imgui.cpp、imgui_draw.cpp、imgui_widgets.cpp、imgui_tables.cpp配套imgui.h、imgui_internal.h、imconfig.h想看官方控件演示再加imgui_demo.cpp后端一对以 GLFW OpenGL3 为例选imgui_impl_glfw.cpp/.h与imgui_impl_opengl3.cpp/.h第四步套用标准主循环模板初始化顺序是死的创建上下文 → 初始化后端 → 每帧 NewFrame → 绘制 UI → Render。顺序颠倒必出问题记住这一条后面 90% 的坑都能躲开。抄作业级迷你示例一个可调色面板 #include imgui.h #include imgui_impl_glfw.h #include imgui_impl_opengl3.h #include GLFW/glfw3.h int main() { // 1. 创建 GLFW 窗口 glfwInit(); GLFWwindow* window glfwCreateWindow(1280, 800, 调色面板, nullptr, nullptr); glfwMakeContextCurrent(window); glfwSwapInterval(1); // 2. 初始化 Dear ImGui上下文 主题 两个后端 IMGUI_CHECKVERSION(); // 校验版本一致性 ImGui::CreateContext(); ImGui::StyleColorsDark(); // 内置暗色主题 ImGui_ImplGlfw_InitForOpenGL(window, true); // 接入窗口与输入 ImGui_ImplOpenGL3_Init(#version 130); // 指定 GLSL 版本 // 3. 界面数据static 保住跨帧状态 static float alpha 0.5f; static ImVec4 color(0.2f, 0.5f, 0.9f, 1.0f); while (!glfwWindowShouldClose(window)) { glfwPollEvents(); // 4. 每帧三部曲先后端再核心 ImGui_ImplOpenGL3_NewFrame(); ImGui_ImplGlfw_NewFrame(); ImGui::NewFrame(); // 5. 画界面Begin/End 之间全是控件 ImGui::Begin(调色面板); ImGui::Text(拖动滑块实时预览); ImGui::SliderFloat(透明度, alpha, 0.0f, 1.0f); // 滑块3/4 参数是范围 ImGui::ColorEdit3(背景色, (float*)color); // 颜色选择器 if (ImGui::Button(重置)) { alpha 0.5f; } // 按钮被点击时返回 true ImGui::End(); // 6. 渲染先 Render再交给后端画 ImGui::Render(); glClearColor(color.x, color.y, color.z, color.w); glClear(GL_COLOR_BUFFER_BIT); ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData()); glfwSwapBuffers(window); } // 7. 收尾清理 ImGui_ImplOpenGL3_Shutdown(); ImGui_ImplGlfw_Shutdown(); ImGui::DestroyContext(); }这段代码就是 Dear ImGui 的全部骨架一个Begin/End包出一个窗口窗口里每个控件调用一次控件的返回值直接驱动业务逻辑。想换成 SDL2 或 Vulkan只需把两个_impl_后端替换成对应的 backends/ 文件UI 代码一行都不用改。高频操作速查表 想要的效果调用方式说明开一个窗口ImGui::Begin(标题)…ImGui::End()必须成对出现显示文本ImGui::Text(值%d, n)支持 printf 风格格式化按钮if (ImGui::Button(保存)) {…}点击瞬间返回 true滑块ImGui::SliderFloat(标签, f, 0, 1)后两个参数是取值范围颜色选择ImGui::ColorEdit3(颜色, (float*)c)传入 3 个 float输入框ImGui::InputText(名字, buf, size)需要 char 数组勾选框ImGui::Checkbox(启用, flag)直接绑定 bool浏览全部控件ImGui::ShowDemoWindow()官方控件演示新手必开控件记不全很正常直接翻 imgui_demo.cpp 的源码——它就是一本活字典每个控件都配了使用示例比任何教程都全。避坑 FAQ新手最常踩的五个坑 ❓Q1编译报一堆链接错误怎么回事多半是源文件没加全。核心五件套加你选的后端 .cpp 一个都不能少报错说哪个符号找不到就去对应的文件里查。Q2窗口打开了但界面一片空白检查调用顺序NewFrame()必须在画 UI 之前Render()必须在RenderDrawData()之前初始化时先CreateContext()再ImGui_ImplXxx_Init()。顺序颠倒必翻车。Q3中文全部显示成乱码内置字体不含中文字形。用io.Fonts-AddFontFromFileTTF()加载中文字体misc/fonts/ 有现成文件并在NewFrame()前调用io.Fonts-Build()详见 docs/FONTS.md。Q4鼠标点击完全没反应多半是输入回调没装好。ImGui_ImplGlfw_InitForOpenGL(window, true)的第二个参数true表示自动安装输入回调改成false就得自己转发鼠标键盘事件。Q5为什么每帧刷新后控件值都被重置这是即时模式的正常特性每帧重新执行绘制代码状态必须自己保存。用static变量或结构体字段存数据就是标准解法示例里已经示范了。收尾一句话总结与下一步行动Dear ImGui 的价值一句话说透把维护 UI 状态从你的心智负担里整个删掉让界面代码回归数据长什么样界面就长什么样的直觉。下一步行动很简单——先编译跑通 examples/example_glfw_opengl3/再打开ShowDemoWindow()挨个试控件半小时后你就能给自己的引擎或工具加上第一个调试面板。想深入底层原理docs/README.md 和 docs/BACKENDS.md 已经给你铺好了路。【免费下载链接】imguiDear ImGui: Bloat-free Graphical User interface for C with minimal dependencies项目地址: https://gitcode.com/GitHub_Trending/im/imgui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
