Simple2D-17（音乐播放器）嵌入 ImGui 库

Posted 2020-09-29 为了邮箱5

　　要把 ImGui 应用到项目中，先拷贝方框中的源文件到项目：

 

　　这些文件是 ImGui 的实现源码，可作为第三方库新建一个文件夹进行放置。

　　

　　接下来是渲染部分的代码，项目可能使用 DirectX 或 OpenGL 进行渲染。Simple2D 使用的是 OpenGL3，所以打开 examples -> opengl3_example 文件夹，找到方框中的两个文件：

　　一般情况下，拷贝这两个文件到项目中即可。不过笔者打算使用一个类 ImGuiOpenGLContext 整理这两个文件的代码，做了少许的改动。最后，使用类 ImGuiOpenGLContext 即可：

    //......

    ImGuiOpenGLContext imguiContext(window);

    while ( glfwWindowShouldClose(window) == false ) {
        glClearColor(0, 0, 0.3, 1.0);
        glClear(GL_COLOR_BUFFER_BIT);

        imguiContext.BeginFrame();

        // 渲染指令
        // ImGui 绘制指令

        imguiContext.EndFrame();

        glfwSwapBuffers(window);  /* 交换颜色缓冲 */
        glfwPollEvents();         /* 检查有没有触发什么事件 */
    }

　　创建 ImGuiOpenGLContext  对象，然后在 BeginFrame() 和 EndFrame() 函数间进行界面绘制的指令即可。最后调试 ImGui 能否正常工作，添加以下界面绘制代码：

        ImGui::Begin("Window");
        ImGui::Text("Hello ImGui");
        ImGui::End();

　　结果显示出一个窗口，表示 ImGui 成功嵌入到项目中了：

　　详细内容请参考源码。

 

　　源码下载：Simple2D-14.rar