使用DearImGui开发应用程序

DearImGui是一个轻量的，快速的基于CPP的GUI开发库，可以使用任何渲染器，用于制作编辑器或者应用程序。

项目依赖

使用DearImGui进行开发需要在你的项目中加入以下依赖。

  • ImGui 模块，即imgui.h。
  • ImGui 所依赖的渲染器，使用glfw_opengl3。
  • 项目所依赖的静态链接库，如opengl32.lib ,glfw3.lib。

构建应用程序

本文基于glfw_opengl3为渲染器构建。

库与条件编译

#include "imgui.h"

#include "imgui_impl_glfw.h"

#include "imgui_impl_opengl3.h"

#include <GLFW/glfw3.h>



#if defined(_MSC_VER) && (_MSC_VER >= 1900) && !defined(IMGUI_DISABLE_WIN32_FUNCTIONS)

#pragma comment(lib, "legacy_stdio_definitions")

#endif

定义错误回调函数

static void glfw_error_callback(int error, const char* description)

{

    fprintf(stderr, "GLFW Error %d: %s\n", error, description);

    // Code

}

main函数

  • 定义并初始化OpenGL。
  • 定义并初始化Imgui，基础设置，风格设置，字体加载等。
  • 在MainLoop中编写自己的UI布局，逻辑代码，可以使用官方demo来建立自己的UI。
  • 渲染并清除。
int main(int, char**)

{

    glfwSetErrorCallback(glfw_error_callback);

    if (!glfwInit())

        return 1;



    // GL 3.0 + GLSL 130

    const char* glsl_version = "#version 130";

    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);

    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 0);

    //glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);  // 3.2+ only



    // Create window with graphics context

    GLFWwindow* window = glfwCreateWindow(1280, 720, "CraftedRender", nullptr, nullptr);

    if (window == nullptr)

        return 1;



    glfwMakeContextCurrent(window);

    glfwSwapInterval(1); // Enable vsync

    

    // Setup Dear ImGui context

    ImGui::CreateContext();

    ImGuiIO& io = ImGui::GetIO(); (void)io;

    io.ConfigFlags |= ImGuiConfigFlags_NavEnableKeyboard;     // Enable Keyboard Controls

    io.ConfigFlags |= ImGuiConfigFlags_NavEnableGamepad;      // Enable Gamepad Controls

    io.ConfigFlags |= ImGuiConfigFlags_DockingEnable;         // Enable Docking

    io.ConfigFlags |= ImGuiConfigFlags_ViewportsEnable;       // Enable Multi-Viewport / Platform Windows

    //io.ConfigViewportsNoAutoMerge = true;

    //io.ConfigViewportsNoTaskBarIcon = true;



    // Setup Dear ImGui style

    ImGui::StyleColorsDark();

    

    ImGuiStyle& style = ImGui::GetStyle();

    if (io.ConfigFlags & ImGuiConfigFlags_ViewportsEnable)

    {

        style.WindowRounding = 1.0f;

        style.Colors[ImGuiCol_WindowBg].w = 1.0f;

    }



    // Setup Platform/Renderer backends

    ImGui_ImplGlfw_InitForOpenGL(window, true);

    ImGui_ImplOpenGL3_Init(glsl_version);



    ImVec4 clear_color = ImVec4(0.0f, 0.0f, 1.0f, 1.00f);



    // Main loop

    while (!glfwWindowShouldClose(window))

    {

        glfwPollEvents();



        // Start the Dear ImGui frame

        ImGui_ImplOpenGL3_NewFrame();

        ImGui_ImplGlfw_NewFrame();

        ImGui::NewFrame();



        // Your Code...

        // Show Demo Window

    ImGui::ShowDemoWindow();



        // Rendering

        ImGui::Render();

        int display_w, display_h;

        glfwGetFramebufferSize(window, &display_w, &display_h);

        glViewport(0, 0, display_w, display_h);

        glClearColor(clear_color.x * clear_color.w, clear_color.y * clear_color.w, clear_color.z * clear_color.w, clear_color.w);

        glClear(GL_COLOR_BUFFER_BIT);

        ImGui_ImplOpenGL3_RenderDrawData(ImGui::GetDrawData());



        if (io.ConfigFlags & ImGuiConfigFlags_ViewportsEnable)

        {

            GLFWwindow* backup_current_context = glfwGetCurrentContext();

            ImGui::UpdatePlatformWindows();

            ImGui::RenderPlatformWindowsDefault();

            glfwMakeContextCurrent(backup_current_context);

        }



        glfwSwapBuffers(window);

    }



    // Cleanup

    ImGui_ImplOpenGL3_Shutdown();

    ImGui_ImplGlfw_Shutdown();

    ImGui::DestroyContext();



    glfwDestroyWindow(window);

    glfwTerminate();



    return 0;

}