如何下载ImGui源码并编译运行

如何下载ImGui源码并编译运行

• 1. 通过Git download ImGui源码

如何通过Git下载ImGui源码之前已有介绍，这里附上ImGui源码地址：
http://github.com/ocornut/imgui

复制下面的地址，利用Git Bash Here命令下载源码

ImGui源码中已经有.sln，因此不需要cMake build即可直接启动

• 2. 运行后的ImGui界面

界面上提供了几种基于OpenGL和DX不同版本图形学渲染API的demo版本，我常用的是OpenGL3，故之后只更新OpenGL下的ImGui学习教程


需要关注的有两个文件：
一个是main.cpp，这里可以看到整个渲染循环，包括一个完整的基于ImGui的渲染框架需要用到的东西；另一个是demo.cpp，这里包括了附带的demo界面的代码，基本上demo界面已经将日常开发中需要用到的绝大部分控件包含在内，一些基本的控件之间也可以进行组装与变换；至于其他的文件，是一些控件的实现原理及函数封装，用到的时候看看函数所需参数即可

启动后的demo界面如上所示

框架中包含的基本控件有：
① MainMenuBar——即为框架上方的黑条区域，与渲染窗口保持一直；
② 一个简单的window——即为HelloWorld窗口，右上角没有关闭的×；
③ 具有开闭控制的window——即为DearImGuiDemo，开闭控制通过设置bool变量实现；
④ CheckBox——即为简单窗口上的方框选择框；
⑤ SliderFloat/DragFloat——可以通过鼠标拖动的float变量输入，对应地也有int型，double型；
⑥ ColorEdit3——三通道颜色调节框，对应地也有RGBA四通道颜色调节框；
⑦ Text——文本输入，跟C风格相似，%s输入文字，%d输入数字，%.2f输入两位小数，可与变量结合，实现变量的实时更新显示；
⑧ SmallButton——按钮，尺寸随给定按钮的文字变化，对应地，也有Button，可以指定size；
⑨ Tree——树状结构

写累了，这个页面的排版还不太会，再摸索摸索。下一篇更新ImGui渲染线程以及Demo中常用的控件总结