Difference between revisions of "Dear ImGui"
From GiderosMobile
(getting ready) |
(added example) |
||
Line 19: | Line 19: | ||
== DEAR IMGUI TEXT == | == DEAR IMGUI TEXT == | ||
+ | '''Let's start with a text example''' | ||
<source lang="lua"> | <source lang="lua"> | ||
require "ImGui" | require "ImGui" | ||
Line 69: | Line 70: | ||
stage:addEventListener("enterFrame", enterFrame) | stage:addEventListener("enterFrame", enterFrame) | ||
</source> | </source> | ||
+ | |||
+ | == DEAR IMGUI CENTERED TEXT & COLORED TEXT == | ||
+ | '''Here we center our text and introduce some more functionalities''' | ||
+ | <source lang="lua"> | ||
+ | require "ImGui" | ||
+ | |||
+ | local imgui = ImGui.new() | ||
+ | stage:addChild(imgui) | ||
+ | -- some imgui params | ||
+ | imgui:ioSetFontGlobalScale(2.5) | ||
+ | --imgui:setLightStyle() | ||
+ | --imgui:setClassicStyle() | ||
+ | -- our window + some params | ||
+ | local mainWindowOpen, mainWindowDrawn | ||
+ | local window_flags = -- a full screen window | ||
+ | ImGui.WindowFlags_NoTitleBar | | ||
+ | ImGui.WindowFlags_NoCollapse | | ||
+ | ImGui.WindowFlags_NoResize | | ||
+ | ImGui.WindowFlags_NoMove | | ||
+ | ImGui.WindowFlags_NoBringToFrontOnFocus | | ||
+ | ImGui.WindowFlags_NoNavFocus | ||
+ | -- some vars | ||
+ | local xtext, xtext2 = "Centered Text", "Colored Text" | ||
+ | local textW, textH, textMid -- for centered texts | ||
+ | |||
+ | -- the loop | ||
+ | function enterFrame(e) | ||
+ | -- 1 begin | ||
+ | imgui:newFrame(e) | ||
+ | |||
+ | -- 2 our GUI | ||
+ | imgui:setNextWindowPos(0, 0) | ||
+ | imgui:setNextWindowSize(myappwidth, myappheight) | ||
+ | mainWindowOpen, mainWindowDrawn = imgui:beginWindow("Hello ImGui", true, window_flags) | ||
+ | -- some spacing | ||
+ | imgui:dummy(application:getContentWidth(), 32 * 2) -- imgui:dummy(w, h) | ||
+ | -- a centered text | ||
+ | textW, _ = imgui:calcTextSize(xtext) | ||
+ | textMid = (application:getContentWidth() - textW) / 2 | ||
+ | imgui:dummy(textMid, 0) | ||
+ | imgui:sameLine(0, 0) -- puts the next element on the same line with no gap, for gaps use imgui:sameLine() | ||
+ | imgui:text(xtext) | ||
+ | -- some spacing | ||
+ | imgui:dummy(application:getContentWidth(), 32 * 4) | ||
+ | -- a colored text | ||
+ | imgui:textColored(xtext2, 0xff00ff) | ||
+ | imgui:endWindow() | ||
+ | |||
+ | -- 3 end | ||
+ | imgui:endFrame() | ||
+ | imgui:render() | ||
+ | end | ||
+ | |||
+ | -- the listeners | ||
+ | stage:addEventListener("mouseDown", function(e) imgui:onMouseDown(e) end) | ||
+ | stage:addEventListener("mouseUp", function(e) imgui:onMouseUp(e) end) | ||
+ | stage:addEventListener("mouseHover", function(e) imgui:onMouseHover(e) end) | ||
+ | stage:addEventListener("mouseMove", function(e) imgui:onMouseMove(e) end) | ||
+ | stage:addEventListener("mouseWheel", function(e) imgui:onMouseWheel(e) end) | ||
+ | stage:addEventListener("keyDown", function(e) imgui:onKeyDown(e) end) | ||
+ | stage:addEventListener("keyUp", function(e) imgui:onKeyUp(e) end) | ||
+ | stage:addEventListener("keyChar", function(e) imgui:onKeyChar(e) end) | ||
+ | stage:addEventListener("enterFrame", enterFrame) | ||
+ | </source> | ||
+ | |||
+ | = YOU WANT MORE? = | ||
+ | '''Soon, God's willing''' | ||
{|- | {|- |
Revision as of 08:52, 30 August 2020
Supported platforms:
Available since: Gideros 2020.9
Description
This is an implementation of the Dear ImGui library.
See full original documentation here: https://pthom.github.io/imgui_manual_online/manual/imgui_manual.html
This is a brand new plugin in Gideros Studio so it may take some time to document it thoroughly.
In the meantime, the author's GitHub is the best place to get info regarding Dear ImGui Gideros functions.
https://github.com/MultiPain/Gideros_ImGui
require 'ImGui'
DEAR IMGUI TEXT
Let's start with a text example
require "ImGui"
-- a Dear ImGui instance
local imgui = ImGui.new()
stage:addChild(imgui)
-- we scale the font up
imgui:ioSetFontGlobalScale(2)
-- we choose a style (default = Dark)
--imgui:setLightStyle()
--imgui:setDarkStyle()
imgui:setClassicStyle()
-- we create 2 variables to hold our main window status
local mainWindowOpen, mainWindowDrawn
-- Dear ImGui runs on the game loop
function enterFrame(e)
-- 1 we start ImGui
imgui:newFrame(e)
-- 2 we build our GUI
mainWindowOpen, mainWindowDrawn =
imgui:beginWindow(
"Hello ImGui v"..ImGui._VERSION, -- main window title
true -- main window is expanded
)
if (mainWindowDrawn) then -- the variable is false when main window is collapsed
imgui:text("Hello Dear ImGui!") -- we add a text element to our GUI
end
imgui:endWindow()
-- 3 we render our window
imgui:endFrame()
imgui:render()
end
-- this wouldn't work without listeners
stage:addEventListener("mouseDown", function(e) imgui:onMouseDown(e) end)
stage:addEventListener("mouseUp", function(e) imgui:onMouseUp(e) end)
stage:addEventListener("mouseHover", function(e) imgui:onMouseHover(e) end)
stage:addEventListener("mouseMove", function(e) imgui:onMouseMove(e) end)
stage:addEventListener("mouseWheel", function(e) imgui:onMouseWheel(e) end)
stage:addEventListener("keyDown", function(e) imgui:onKeyDown(e) end)
stage:addEventListener("keyUp", function(e) imgui:onKeyUp(e) end)
stage:addEventListener("keyChar", function(e) imgui:onKeyChar(e) end)
stage:addEventListener("enterFrame", enterFrame)
DEAR IMGUI CENTERED TEXT & COLORED TEXT
Here we center our text and introduce some more functionalities
require "ImGui"
local imgui = ImGui.new()
stage:addChild(imgui)
-- some imgui params
imgui:ioSetFontGlobalScale(2.5)
--imgui:setLightStyle()
--imgui:setClassicStyle()
-- our window + some params
local mainWindowOpen, mainWindowDrawn
local window_flags = -- a full screen window
ImGui.WindowFlags_NoTitleBar |
ImGui.WindowFlags_NoCollapse |
ImGui.WindowFlags_NoResize |
ImGui.WindowFlags_NoMove |
ImGui.WindowFlags_NoBringToFrontOnFocus |
ImGui.WindowFlags_NoNavFocus
-- some vars
local xtext, xtext2 = "Centered Text", "Colored Text"
local textW, textH, textMid -- for centered texts
-- the loop
function enterFrame(e)
-- 1 begin
imgui:newFrame(e)
-- 2 our GUI
imgui:setNextWindowPos(0, 0)
imgui:setNextWindowSize(myappwidth, myappheight)
mainWindowOpen, mainWindowDrawn = imgui:beginWindow("Hello ImGui", true, window_flags)
-- some spacing
imgui:dummy(application:getContentWidth(), 32 * 2) -- imgui:dummy(w, h)
-- a centered text
textW, _ = imgui:calcTextSize(xtext)
textMid = (application:getContentWidth() - textW) / 2
imgui:dummy(textMid, 0)
imgui:sameLine(0, 0) -- puts the next element on the same line with no gap, for gaps use imgui:sameLine()
imgui:text(xtext)
-- some spacing
imgui:dummy(application:getContentWidth(), 32 * 4)
-- a colored text
imgui:textColored(xtext2, 0xff00ff)
imgui:endWindow()
-- 3 end
imgui:endFrame()
imgui:render()
end
-- the listeners
stage:addEventListener("mouseDown", function(e) imgui:onMouseDown(e) end)
stage:addEventListener("mouseUp", function(e) imgui:onMouseUp(e) end)
stage:addEventListener("mouseHover", function(e) imgui:onMouseHover(e) end)
stage:addEventListener("mouseMove", function(e) imgui:onMouseMove(e) end)
stage:addEventListener("mouseWheel", function(e) imgui:onMouseWheel(e) end)
stage:addEventListener("keyDown", function(e) imgui:onKeyDown(e) end)
stage:addEventListener("keyUp", function(e) imgui:onKeyUp(e) end)
stage:addEventListener("keyChar", function(e) imgui:onKeyChar(e) end)
stage:addEventListener("enterFrame", enterFrame)
YOU WANT MORE?
Soon, God's willing
Methods |
EventsConstants |