C++輕量級界面開發框架ImGUI介紹小結

Posted on by

  如果從事過C++ Windows客戶端開發，大傢對MFC、Qt、DuiLib等各種DirectUI應該有瞭解，本篇給大傢介紹一個超級輕量級的C++開源跨平臺圖形界面框架ImGUI.

ImGUI簡介

  ImGUI主要用於遊戲行業，所有的控件都需要手繪實現，當然性能也是滿滿的，畢竟是直接用dx/opengl來實現。
ImGUI倉庫：https://github.com/ocornut/imgui

  ImGUI又稱為Dear ImGui，它是與平臺無關的C++輕量級跨平臺圖形界面庫，沒有任何第三方依賴，可以將ImGUI的源碼直接加到項目中使用，也可以編譯成dll, ImGUI使用DX或者OpenGL進行界面渲染，對於畫面質量要求較高，例如客戶端遊戲，4k/8k視頻播放時，用ImGUI是很好的選擇，當然，你得非常熟悉DirectX或者OpenGL，不然就是寶劍在手，屠龍無力。相對於Qt、MFC、DuiLib、SOUI等，ImGUI的拓展性更好，也更輕量級，當然對於開發者的要求也更高.

  下載ImGUI代碼後，用vs2019可以直接打開，編譯，運行，sln路徑如下：

在這裡插入圖片描述

sln路徑：imgui/examples/imgui_examples.sln

  運行win32_dx12界面如下：

在這裡插入圖片描述

ImGUI沒有類似於Qt/MFC這種，可以拖拽控件進行搭建界面，ImGUI的所有控件都必須手寫實現。ImGUI的demo基本提供瞭所有控件、圖表等的實現，源碼也有，可以對照的學習。
關於ImGUI的詳細介紹，可以參考github.

  註意這段話

This library is available under a free and permissive license, but needs financial support to sustain its continued improvements. In addition to maintenance and stability there are many desirable features yet to be added. If your company is using Dear ImGui, please consider reaching out.

ImGUI的界面實現

  基本控件：label、text、checkbox、slider

在這裡插入圖片描述

窗體控件：樹形控件、圖片控件、ComboBox、列表控件、菜單欄等

在這裡插入圖片描述

根據官方提供的demo來看，基本滿足開發要求。

技術選型

  在PC端技術選型時，如果公司有音視頻、圖形圖像、4k/8k視頻業務，可以考慮一下使用ImGUI，畢竟是直接使用DX/OpenGL來進行繪制渲染，其它功能就直接使用C++來實現。

如何使用ImGUI

  參考imgui的示例代碼，如下所示：

在這裡插入圖片描述

imgui github也有一些簡單的介紹，可以參考，例如:集成

在大多數平臺上，當使用c++時，你應該能夠使用imgui_impl_xxxx後端的組合而不需要修改(例如imgui_impl_win32.cpp + imgui_impl_dx11.cpp)。如果你的引擎支持多個平臺，考慮使用更多的imgui_impl_xxxx文件，而不是重寫它們:這將為你減少工作，你可以讓親愛的ImGui立即運行。如果您願意，可以稍後決定使用自定義引擎函數重寫自定義後端。
將ImGui整合到你的自定義引擎中需要1)連接鼠標/鍵盤/手柄輸入2)將紋理上傳到你的GPU/渲染引擎3)提供能夠綁定紋理並渲染紋理三角形的渲染功能。示例/文件夾中填充的應用程序就是這樣做的。如果你是熟練掌握這些概念的資深程序員，那麼將Dear ImGui集成到定制引擎中應該不需要2個小時。請務必花時間閱讀FAQ、評論和一些示例/應用程序!

官方維護的後端/綁定(在存儲庫中):

  • 渲染器:DirectX9, DirectX10, DirectX11, DirectX12, Metal, OpenGL/ES/ES2, SDL_Renderer, Vulkan, WebGPU。
  • 平臺:GLFW, SDL2, Win32, Glut, OSX, Android。
  • 框架:Emscripten, Allegro5, Marmalade。

第三方後端/綁定wiki頁面:

  • 語言:C, c#和:Beef, ChaiScript, Crystal, D, Go, Haskell, Haxe/hxcpp, Java, JavaScript, Julia, Kotlin, Lobster, Lua, Odin, Pascal, PureBasic, Python, Ruby, Rust, Swift…
  • 框架:AGS/Adventure Game Studio, Amethyst, Blender, bsf, Cinder, Cocos2d-x，勤奮引擎，Flexium, GML/Game Maker studi2, GLEQ, Godot, GTK3+OpenGL3, Irrlicht引擎，LÖVE+LUA, Magnum, Monogame, NanoRT, cine, niine Game Lib，任天堂3DS & Switch (homebrew)， Ogre, openFrameworks, OSG/OpenSceneGraph, Orx, Photoshop, px_render, Qt/QtDirect3D，SDL_Renderer, sml, Sokol, Unity，虛幻引擎4,vtk, VulkanHpp, VulkanSceneGraph, Win32 GDI, WxWidgets。
  • 註意，C綁定(cimgui)是自動生成的，你可以使用它的json/lua輸出來生成其他語言的綁定。

到此這篇關於C++輕量級界面開發框架ImGUI介紹小結的文章就介紹到這瞭,更多相關C++ ImGUI框架內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：