Difference between revisions of "Dear ImGui"
From GiderosMobile
(DONE) |
|||
(15 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
This is an implementation of the '''Dear ImGui''' library: '''https://github.com/ocornut/imgui'''. | This is an implementation of the '''Dear ImGui''' library: '''https://github.com/ocornut/imgui'''. | ||
− | To use Dear ImGui in your project you need to add the ImGui plugin and call require like so: | + | Dear ImGui is licensed under the '''MIT License''', see '''https://github.com/ocornut/imgui/blob/master/LICENSE.txt''' for more information. |
+ | |||
+ | To use Dear ImGui in your project you need to add the ImGui plugin and call ''require'' like so: | ||
<syntaxhighlight lang="lua"> | <syntaxhighlight lang="lua"> | ||
require "ImGui" | require "ImGui" | ||
Line 14: | Line 16: | ||
Current Gideros Dear ImGui version: '''1.89.6'''. | Current Gideros Dear ImGui version: '''1.89.6'''. | ||
− | + | === User Guide === | |
− | + | * Double-click on title bar to collapse window | |
− | + | * Click and drag on lower corner to resize window (double-click to auto fit window to its contents) | |
− | + | * CTRL+Click on a slider or drag box to input value as text | |
− | = | + | * TAB/SHIFT+TAB to cycle through keyboard editable fields |
− | + | * CTRL+Tab to select a window | |
− | + | * CTRL+Mouse Wheel to zoom window contents if ''io.FontAllowUserScaling'' is enabled | |
− | + | * While inputing text: | |
− | + | ** CTRL+Left/Right to word jump | |
− | + | ** CTRL+A or double-click to select all | |
− | + | ** CTRL+X/C/V to use clipboard cut/copy/paste | |
− | + | ** CTRL+Z,CTRL+Y to undo/redo | |
− | + | ** ESCAPE to revert | |
− | + | * With keyboard navigation enabled: | |
− | + | ** Arrow keys to navigate | |
− | + | ** Space to activate a widget | |
− | + | ** Return to input text into a widget | |
− | text | + | ** Escape to deactivate a widget, close popup, exit child window |
− | + | ** Alt to jump to the menu layer of a window | |
− | |||
− | == | + | ==== Widgets ==== |
− | + | '''Widgets: Color Editor/Picker''' | |
− | |||
− | == | ||
− | |||
* tip: the ColorEdit* functions have a little color square that can be left-clicked to open a picker, and right-clicked to open an option menu | * tip: the ColorEdit* functions have a little color square that can be left-clicked to open a picker, and right-clicked to open an option menu | ||
− | + | '''Widgets: Input with Keyboard''' | |
* If you want to use InputText() with std::string or any custom dynamic string type, see misc/cpp/imgui_stdlib.h and comments in imgui_demo.cpp. | * If you want to use InputText() with std::string or any custom dynamic string type, see misc/cpp/imgui_stdlib.h and comments in imgui_demo.cpp. | ||
* Most of the ImGuiInputTextFlags flags are only useful for InputText() and not for InputFloatX, InputIntX, InputDouble etc. | * Most of the ImGuiInputTextFlags flags are only useful for InputText() and not for InputFloatX, InputIntX, InputDouble etc. | ||
− | + | '''Widgets: Regular Sliders''' | |
* CTRL+Click on any slider to turn them into an input box. Manually input values aren't clamped and can go off-bounds. | * CTRL+Click on any slider to turn them into an input box. Manually input values aren't clamped and can go off-bounds. | ||
* Adjust format string to decorate the value with a prefix, a suffix, or adapt the editing and display precision e.g. "%.3f" -> 1.234; "%5.2f secs" -> 01.23 secs; "Biscuit: %.0f" -> Biscuit: 1; etc. | * Adjust format string to decorate the value with a prefix, a suffix, or adapt the editing and display precision e.g. "%.3f" -> 1.234; "%5.2f secs" -> 01.23 secs; "Biscuit: %.0f" -> Biscuit: 1; etc. | ||
Line 53: | Line 51: | ||
If you get a warning converting a float to ImGuiSliderFlags, read https://github.com/ocornut/imgui/issues/3361 | If you get a warning converting a float to ImGuiSliderFlags, read https://github.com/ocornut/imgui/issues/3361 | ||
− | + | '''Widgets: Drag Sliders''' | |
* CTRL+Click on any drag box to turn them into an input box. Manually input values aren't clamped and can go off-bounds. | * CTRL+Click on any drag box to turn them into an input box. Manually input values aren't clamped and can go off-bounds. | ||
* For all the Float2/Float3/Float4/Int2/Int3/Int4 versions of every functions, note that a 'float v[X]' function argument is the same as 'float* v', the array syntax is just a way to document the number of elements that are expected to be accessible. You can pass address of your first element out of a contiguous set, e.g. &myvector.x | * For all the Float2/Float3/Float4/Int2/Int3/Int4 versions of every functions, note that a 'float v[X]' function argument is the same as 'float* v', the array syntax is just a way to document the number of elements that are expected to be accessible. You can pass address of your first element out of a contiguous set, e.g. &myvector.x | ||
Line 63: | Line 61: | ||
* We use the same sets of flags for DragXXX() and SliderXXX() functions as the features are the same and it makes it easier to swap them. | * We use the same sets of flags for DragXXX() and SliderXXX() functions as the features are the same and it makes it easier to swap them. | ||
− | + | === Gideros Dear ImGui Documentation === | |
− | |||
<div style="column-count:3;-moz-column-count:3;-webkit-column-count:3"> | <div style="column-count:3;-moz-column-count:3;-webkit-column-count:3"> | ||
*'''[[Dear ImGui FAQ]]''' | *'''[[Dear ImGui FAQ]]''' | ||
Line 74: | Line 71: | ||
</div> | </div> | ||
− | + | <!--introduction documentation (c++): https://pixtur.github.io/mkdocs-for-imgui/site/--> | |
− | < | + | <!--Dear ImGui demo (c++): https://pthom.github.io/imgui_manual_online/manual/imgui_manual.html--> |
− | |||
− | |||
− | |||
− | |||
− | |||
<!--=== Methods ===--> | <!--=== Methods ===--> | ||
− | + | <!--GIDEROSMTD:ImGui.new([font_atlas = nil, mouse_listeners = true, keyboard_listeners = true, touch_listeners = false]) initializes ImGui--> | |
− | + | <!--GIDEROSMTD:ImGui:showLog(title, p_open [, ImGui.WindowFlags = 0]) draw log window, p_open = ImGui:showLog(...)--> | |
− | + | <!--GIDEROSMTD:ImGui:ImGui:writeLog(text)--> | |
− | + | <!--GIDEROSMTD:ImGui:setTouchGesturesEnabled(bool)--> | |
− | + | <!--GIDEROSMTD:ImGui:isTouchGesturesEnabled() bool = ImGui:isTouchGesturesEnabled()--> | |
+ | <!--GIDEROSMTD:Imgui:getIO() local IO = Imgui:getIO()--> | ||
+ | <!--GIDEROSMTD:IO:getFonts() local FontAtlas = IO:getFonts()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:addFont(ttf_font_path, font_size [, options]) local Font = FontAtlas:addFont(...)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:addFonts(fontsDescription)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:getFont([index]) local Font = FontAtlas:getFont(...) gets font by index (if index is 0 or nil get default font instance)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:build() call after multiple FontAtlas:addFont(...) calls to update ImGui font atlas--> | ||
+ | <!--GIDEROSMTD:FontAtlas:clearInputData()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:clearTexData()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:clearFonts()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:clear()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:getFonts() table = FontAtlas:getFonts() returns a table with all fonts (included default)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:isBuilt() flag = FontAtlas:isBuilt()--> | ||
+ | <!--GIDEROSMTD:FontAtlas:addCustomRectRegular(width, height) number = FontAtlas:addCustomRectRegular(...)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:addCustomRectFontGlyph(font, id, width, height, advance_x [, offset_x, offset_y]) number = FontAtlas:addCustomRectFontGlyph(...)--> | ||
+ | <!--GIDEROSMTD:FontAtlas:getCustomRectByIndex(index) w, h, x, y, glyph_id, offset_x, offset_y, font, is_packed_flag = FontAtlas:getCustomRectByIndex(...)--> | ||
+ | <!--GIDEROSMTD:ImGui:pushFont(font) font (table): object returned by FontAtlas:addFont(...) or FontAtlas:getFont([index])--> | ||
+ | <!--GIDEROSMTD:ImGui:popFont()--> | ||
+ | <!--GIDEROSMTD:Font:getSize() number = Font:getSize()--> | ||
+ | <!--GIDEROSMTD:Font:getContainerAtlas() FontAtlas = Font:getContainerAtlas()--> | ||
+ | <!--GIDEROSMTD:Font:setScale(number)--> | ||
+ | <!--GIDEROSMTD:Font:getScale() number = Font:getScale()--> | ||
+ | <!--GIDEROSMTD:Font:getAscent() number = Font:getAscent()--> | ||
+ | <!--GIDEROSMTD:Font:getDescent() number = Font:getDescent()--> | ||
+ | <!--GIDEROSMTD:Font:isLoaded() bool = Font:isLoaded()--> | ||
+ | <!--GIDEROSMTD:Font:getDebugName() string = Font:getDebugName()--> | ||
+ | <!-- | ||
<!--=== Events ===--> | <!--=== Events ===--> | ||
<!--GIDEROSEVT:ImGui.KeyChar--> | <!--GIDEROSEVT:ImGui.KeyChar--> | ||
Line 193: | Line 840: | ||
<!--GIDEROSEVT:ImGui.MouseWheel--> | <!--GIDEROSEVT:ImGui.MouseWheel--> | ||
<!--GIDEROSEVT:ImGui.TouchBegin--> | <!--GIDEROSEVT:ImGui.TouchBegin--> | ||
+ | <!--GIDEROSEVT:ImGui.TouchCancel--> | ||
<!--GIDEROSEVT:ImGui.TouchEnd--> | <!--GIDEROSEVT:ImGui.TouchEnd--> | ||
− | |||
<!--GIDEROSEVT:ImGui.TouchMove--> | <!--GIDEROSEVT:ImGui.TouchMove--> | ||
<!--=== Constants ===--> | <!--=== Constants ===--> | ||
Line 329: | Line 976: | ||
<!--GIDEROSCST:ImGui.Dir_Left--> | <!--GIDEROSCST:ImGui.Dir_Left--> | ||
<!--GIDEROSCST:ImGui.Dir_Right--> | <!--GIDEROSCST:ImGui.Dir_Right--> | ||
− | <!--GIDEROSCST:ImGui.Dir_Up --> | + | <!--GIDEROSCST:ImGui.Dir_Up--> |
<!--GIDEROSCST:ImGui.DragDropFlags_None--> | <!--GIDEROSCST:ImGui.DragDropFlags_None--> | ||
<!--GIDEROSCST:ImGui.DragDropFlags_AcceptBeforeDelivery--> | <!--GIDEROSCST:ImGui.DragDropFlags_AcceptBeforeDelivery--> | ||
Line 340: | Line 987: | ||
<!--GIDEROSCST:ImGui.DragDropFlags_SourceNoDisableHover--> | <!--GIDEROSCST:ImGui.DragDropFlags_SourceNoDisableHover--> | ||
<!--GIDEROSCST:ImGui.DragDropFlags_SourceNoHoldToOpenOthers--> | <!--GIDEROSCST:ImGui.DragDropFlags_SourceNoHoldToOpenOthers--> | ||
− | <!--GIDEROSCST:ImGui.DragDropFlags_SourceNoPreviewTooltip --> | + | <!--GIDEROSCST:ImGui.DragDropFlags_SourceNoPreviewTooltip--> |
<!--GIDEROSCST:ImGui.FocusedFlags_None--> | <!--GIDEROSCST:ImGui.FocusedFlags_None--> | ||
<!--GIDEROSCST:ImGui.FocusedFlags_AnyWindow--> | <!--GIDEROSCST:ImGui.FocusedFlags_AnyWindow--> | ||
Line 586: | Line 1,233: | ||
<!--GIDEROSCST:ImGui.TE_Punctuation--> | <!--GIDEROSCST:ImGui.TE_Punctuation--> | ||
<!--GIDEROSCST:ImGui.TE_Selection--> | <!--GIDEROSCST:ImGui.TE_Selection--> | ||
− | <!--GIDEROSCST:ImGui.TE_String --> | + | <!--GIDEROSCST:ImGui.TE_String--> |
<!--GIDEROSCST:ImGui.TreeNodeFlags_None--> | <!--GIDEROSCST:ImGui.TreeNodeFlags_None--> | ||
<!--GIDEROSCST:ImGui.TreeNodeFlags_AllowItemOverlap--> | <!--GIDEROSCST:ImGui.TreeNodeFlags_AllowItemOverlap--> | ||
Line 602: | Line 1,249: | ||
<!--GIDEROSCST:ImGui.TreeNodeFlags_Selected--> | <!--GIDEROSCST:ImGui.TreeNodeFlags_Selected--> | ||
<!--GIDEROSCST:ImGui.TreeNodeFlags_SpanAvailWidth--> | <!--GIDEROSCST:ImGui.TreeNodeFlags_SpanAvailWidth--> | ||
− | <!--GIDEROSCST:ImGui.TreeNodeFlags_SpanFullWidth --> | + | <!--GIDEROSCST:ImGui.TreeNodeFlags_SpanFullWidth--> |
<!--GIDEROSCST:ImGui.WindowFlags_None--> | <!--GIDEROSCST:ImGui.WindowFlags_None--> | ||
<!--GIDEROSCST:ImGui.WindowFlags_AlwaysAutoResize--> | <!--GIDEROSCST:ImGui.WindowFlags_AlwaysAutoResize--> | ||
Line 627: | Line 1,274: | ||
<!--GIDEROSCST:ImGui.WindowFlags_NoScrollWithMouse--> | <!--GIDEROSCST:ImGui.WindowFlags_NoScrollWithMouse--> | ||
<!--GIDEROSCST:ImGui.WindowFlags_NoTitleBar--> | <!--GIDEROSCST:ImGui.WindowFlags_NoTitleBar--> | ||
− | <!--GIDEROSCST:ImGui.WindowFlags_UnsavedDocument --> | + | <!--GIDEROSCST:ImGui.WindowFlags_UnsavedDocument--> |
{{GIDEROS IMPORTANT LINKS}} | {{GIDEROS IMPORTANT LINKS}} |
Latest revision as of 01:46, 11 October 2024
Supported platforms:
Available since: Gideros 2020.9
Description
This is an implementation of the Dear ImGui library: https://github.com/ocornut/imgui.
Dear ImGui is licensed under the MIT License, see https://github.com/ocornut/imgui/blob/master/LICENSE.txt for more information.
To use Dear ImGui in your project you need to add the ImGui plugin and call require like so:
require "ImGui"
Current Gideros Dear ImGui version: 1.89.6.
User Guide
- Double-click on title bar to collapse window
- Click and drag on lower corner to resize window (double-click to auto fit window to its contents)
- CTRL+Click on a slider or drag box to input value as text
- TAB/SHIFT+TAB to cycle through keyboard editable fields
- CTRL+Tab to select a window
- CTRL+Mouse Wheel to zoom window contents if io.FontAllowUserScaling is enabled
- While inputing text:
- CTRL+Left/Right to word jump
- CTRL+A or double-click to select all
- CTRL+X/C/V to use clipboard cut/copy/paste
- CTRL+Z,CTRL+Y to undo/redo
- ESCAPE to revert
- With keyboard navigation enabled:
- Arrow keys to navigate
- Space to activate a widget
- Return to input text into a widget
- Escape to deactivate a widget, close popup, exit child window
- Alt to jump to the menu layer of a window
Widgets
Widgets: Color Editor/Picker
* tip: the ColorEdit* functions have a little color square that can be left-clicked to open a picker, and right-clicked to open an option menu
Widgets: Input with Keyboard
* If you want to use InputText() with std::string or any custom dynamic string type, see misc/cpp/imgui_stdlib.h and comments in imgui_demo.cpp. * Most of the ImGuiInputTextFlags flags are only useful for InputText() and not for InputFloatX, InputIntX, InputDouble etc.
Widgets: Regular Sliders
* CTRL+Click on any slider to turn them into an input box. Manually input values aren't clamped and can go off-bounds. * Adjust format string to decorate the value with a prefix, a suffix, or adapt the editing and display precision e.g. "%.3f" -> 1.234; "%5.2f secs" -> 01.23 secs; "Biscuit: %.0f" -> Biscuit: 1; etc. * Format string may also be set to NULL or use the default format ("%f" or "%d"). If you get a warning converting a float to ImGuiSliderFlags, read https://github.com/ocornut/imgui/issues/3361
Widgets: Drag Sliders
* CTRL+Click on any drag box to turn them into an input box. Manually input values aren't clamped and can go off-bounds. * For all the Float2/Float3/Float4/Int2/Int3/Int4 versions of every functions, note that a 'float v[X]' function argument is the same as 'float* v', the array syntax is just a way to document the number of elements that are expected to be accessible. You can pass address of your first element out of a contiguous set, e.g. &myvector.x * Adjust format string to decorate the value with a prefix, a suffix, or adapt the editing and display precision e.g. "%.3f" -> 1.234; "%5.2f secs" -> 01.23 secs; "Biscuit: %.0f" -> Biscuit: 1; etc. * Format string may also be set to NULL or use the default format ("%f" or "%d"). * Speed are per-pixel of mouse movement (v_speed=0.2f: mouse needs to move by 5 pixels to increase value by 1). For gamepad/keyboard navigation, minimum speed is Max(v_speed, minimum_step_at_given_precision). * Use v_min < v_max to clamp edits to given limits. Note that CTRL+Click manual input can override those limits. * Use v_max = FLT_MAX / INT_MAX etc to avoid clamping to a maximum, same with v_min = -FLT_MAX / INT_MIN to avoid clamping to a minimum. * We use the same sets of flags for DragXXX() and SliderXXX() functions as the features are the same and it makes it easier to swap them.
Gideros Dear ImGui Documentation