首页 > 代码库 > Simple2D-16(音乐播放器)ImGui 库介绍

Simple2D-16(音乐播放器)ImGui 库介绍

什么是 ImGui


   IMGUI (Immediate Mode Graphical User interface),下载地址。

  ImGui 是一种比较新颖的 GUI 实现模式,适用于显示区域实时刷新的程序里面。在 Simple2D 上实现 GUI,如果要自己编写一个 GUI 库,这是一件很困难的事。比较简单的方法就是使用第三方的库,而 ImGui 就是一个 GUI 库。

  之所以使用 ImGui,是因为很简单地将它嵌入到 Simple2D 中,非常简单!!

 

ImGui 项目简析


 

  点击上面的链接下载好 ImGui 后,解压得到一个 imgui-master 的文件夹。进入 examples 文件夹后,点击 imgui_examples_msvc2010.sln 用 VS 打开项目。在资源管理器面板有 5 个项目:

技术分享

 

分别是 OpenGL 和 DirectX 使用 ImGui 的例子项目,主要是告诉你如何使用 ImGui。Simple2D 使用的是 OpenGL3,所以将 opengl3_example 设为启动项目,最后编译运行,得到下面的窗口:

技术分享

 

ImGui Demo 窗口中包含了所有关于如何使用 ImGui 的演示,通过这些演示可以快速的上手 ImGui。

技术分享

 

技术分享

  那么如何将 ImGui 嵌入到项目中呢?展开项目 opengl3_example:

技术分享

  图中分为三个部分:

  1、第一个方框是 ImGui 的实现,可以阅读 imgui_demo.cpp 源码学习 ImGui 的使用。

  2、第二个方框是则是渲染代码,你可以使用 DirectX 进行渲染,或是使用 OpenGL 进行渲染,ImGui 的渲染底层就在这里实现。也就是说,要想将 ImGui 嵌入到项目中,就要实现这部分的渲染代码。其实 ImGui 都帮你准备好了,没有额外需求的话,直接将这两个文件搬进项目即可。

  3、最后一部分是主函数,就是窗口的实现部分,而 ImGui 使用的是 GLFW 库,这在前一篇文章中已经说了。

  后续将对第二个方框的代码进行一些小小的改动,以便 ImGui 能够简易的嵌入到 Simple2D 中。

 

  源码下载:Simple2D-14.rar

Simple2D-16(音乐播放器)ImGui 库介绍