C++怎么使用Dear ImGui_C++为开发工具快速创建即时模式GUI界面

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

C++怎么使用Dear ImGui_C++为开发工具快速创建即时模式GUI界面

2025-11-23

浏览次数：次

返回列表

Dear ImGui 可快速集成到 C++ 项目中，通过结合 GLFW 和 OpenGL，初始化上下文后，在主循环中调用 Begin/End 构建界面，支持实时参数调节、状态监控与自定义绘图，适用于调试工具与原型开发。

c++怎么使用dear imgui_c++为开发工具快速创建即时模式gui界面

想在C++项目中快速搭建一个轻量、直观的图形界面，Dear ImGui 是个极佳选择。它采用“即时模式”（Immediate Mode）设计，不需要复杂的资源文件或UI编辑器，代码即界面，特别适合开发工具、调试面板或原型设计。

1. 集成 Dear ImGui 到 C++ 项目

Dear ImGui 本身只提供核心逻辑，需要结合图形 API（如 OpenGL、DirectX）和窗口系统（如 GLFW、SDL）使用。以 OpenGL + GLFW 为例：

从 GitHub 仓库下载源码，包含 imgui.cpp、imgui.h 等核心文件
添加 imgui_impl_glfw.cpp 和 imgui_impl_opengl3.cpp 作为后端支持
将所有 .cpp 文件加入编译，并包含相关头文件路径

2. 初始化 ImGui 上下文与后端

在主循环前完成初始化，确保 OpenGL 和 GLFW 已准备就绪：

// 初始化 GLFW 和 OpenGL 上下文后
ImGui::CreateContext();
ImGuiIO& io = ImGui::GetIO();
ImGui::StyleColorsDark(); // 或 Light

// 设置后端
ImGui_ImplGlfw_InitForOpenGL(window, true);
ImGui_ImplOpenGL3_Init("#version 130"); // 匹配你的 GLSL 版本

3. 在主循环中渲染 GUI

每帧调用 ImGui 的开始和结束流程：

PictoGraphic

AI驱动的矢量插图库和插图生成平台

133 查看详情 PictoGraphic

while (!glfwWindowShouldClose(window)) {
    glfwPollEvents();
    
    // 开始新帧
    ImGui_ImplOpenGL3_NewFrame();
    ImGui_ImplGlfw_NewFrame();
    ImGui::NewFrame();

    // 创建窗口和控件
    ImGui::Begin("调试面板");
    static float value = 0.5f;
    ImGui::SliderFloat("参数", &value, 0.0f, 1.0f);
    if (ImGui::Button("打印值")) {
        printf("当前值: %f\n", value);
    }
    ImGui::End();

    // 渲染
    ImGui::Render();
    glClear(GL_COLOR_BUFFER_BIT);
    ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData());

    glfwSwapBuffers(window);
}