背景：目前在做一個視覺測試系統，需要做一個界面，將相機獲取的圖像，以及測試過程中的數據呈現在界面上，在我印象里，做界面就用qt吧，直到這個月真要開始做界面了，我的領導給我建議用imgui做界面，這個東西我沒有聽說過還，他說realsense的SDK中的界面部分就是用imgui做的，讓我參考一下，之前吧，我對于新的事物總是有恐懼感，但是慢慢的面對新的事物，我內心的這種恐懼感沒有那么強了，我感覺我之所以有恐懼感是因為害怕自己搞不定他，但是呢，困難遠沒有你想象中的那么強大，只要你有一顆強大的內心，絕大多數困難都是可以被解決的。

一、認識imgui

1. 首先是在github上下載代碼，https://github.com/ocornut/imgui，這里還有realsense的sdk：https://github.com/IntelRealSense/librealsense?可以參考。

二、VS2017上運行imgui的例程

? ? ? ?對于代碼這東西，我一般都是先把相關的環境配置好，把程序跑起來，看了效果，才能安心的去深入了解這個東西本身，對于imgui，我也是這么做的。我的工作環境是：win10+VS2017。也就是說我需要在這樣的環境下配置imgui需要的環境，然后把他的例程跑起來。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖1. imgui-master目錄下的文件

? 圖1中是下載下來的imgui-master目錄下的文件展示，使用初期我們只需要關注圖像標記的這三個部分就可以了，現在先不介紹沒一部分都是做什么的。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖2. examples中的例子

圖2是imgui-master中的examples中的例子展示，可見這個目錄下有一個.sln文件，我們可以雙擊這個文件使用電腦上安裝的VS直接打開工程。打開后如圖3所示。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖3. 使用VS打開imgui-master中的examples中的工程

經過查看這個工程的屬性中已經將需要的路徑，庫都配置好了，如果不出其他問題，按理說可以直接編譯運行了。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖4. include directories

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖5. Lib Directories

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖6. Aditional Dependences

這個工程運行的結果如下：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?圖7. Directx9例程運行效果

下一篇文章中將介紹：如何自己配置imgui環境。