Difference between revisions of "Dear ImGui"

From GiderosMobile
(GIDEROSMTD)
Line 80: Line 80:
 
<!--Dear ImGui demo (c++): https://pthom.github.io/imgui_manual_online/manual/imgui_manual.html-->
 
<!--Dear ImGui demo (c++): https://pthom.github.io/imgui_manual_online/manual/imgui_manual.html-->
 
<!--=== Methods ===-->
 
<!--=== Methods ===-->
<!--GIDEROSMTD:ImGui.new() initializes ImGui-->
+
<!--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() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:IO:getFonts() FontAtlas = IO:getFonts()-->
 +
<!--GIDEROSMTD:FontAtlas:addFont(ttf_font_path, font_size [, options]) Font = FontAtlas:addFont(...)-->
 +
<!--GIDEROSMTD:FontAtlas:addFonts(fontsDescription)-->
 +
<!--GIDEROSMTD:FontAtlas:getFont([index]) Font = FontAtlas:getFont(...) gets font by index (if index is 0 or nil you will 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:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 +
<!--GIDEROSMTD:imgui:getIO() IO = imgui:getIO()-->
 
<!--GIDEROSMTD:ImGui:arrowButton(stringID, direction) displays an ImGui arrow button-->
 
<!--GIDEROSMTD:ImGui:arrowButton(stringID, direction) displays an ImGui arrow button-->
 
<!--GIDEROSMTD:ImGui:beginDisabled(disabledFlag) starts a stack that can be disabled-->
 
<!--GIDEROSMTD:ImGui:beginDisabled(disabledFlag) starts a stack that can be disabled-->

Revision as of 04:05, 9 October 2024

Supported platforms: Platform android.pngPlatform ios.pngPlatform mac.pngPlatform pc.pngPlatform html5.pngPlatform winrt.pngPlatform win32.png
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

OLD DOC TO BE MERGED SOMEHOW