|
|
@@ -252,6 +252,8 @@ static void DemoWindowMenuBar(ImGuiDemoWindowData* demo_data);
|
|
|
static void DemoWindowWidgets(ImGuiDemoWindowData* demo_data);
|
|
|
static void DemoWindowWidgetsBasic();
|
|
|
static void DemoWindowWidgetsSelectionAndMultiSelect(ImGuiDemoWindowData* demo_data);
|
|
|
+static void DemoWindowWidgetsTooltips();
|
|
|
+static void DemoWindowWidgetsTreeNodes();
|
|
|
static void DemoWindowLayout();
|
|
|
static void DemoWindowPopups();
|
|
|
static void DemoWindowTables();
|
|
|
@@ -809,225 +811,8 @@ static void DemoWindowWidgets(ImGuiDemoWindowData* demo_data)
|
|
|
ImGui::BeginDisabled();
|
|
|
|
|
|
DemoWindowWidgetsBasic();
|
|
|
-
|
|
|
-
|
|
|
- IMGUI_DEMO_MARKER("Widgets/Tooltips");
|
|
|
- if (ImGui::TreeNode("Tooltips"))
|
|
|
- {
|
|
|
- // Tooltips are windows following the mouse. They do not take focus away.
|
|
|
- ImGui::SeparatorText("General");
|
|
|
-
|
|
|
- // Typical use cases:
|
|
|
- // - Short-form (text only): SetItemTooltip("Hello");
|
|
|
- // - Short-form (any contents): if (BeginItemTooltip()) { Text("Hello"); EndTooltip(); }
|
|
|
-
|
|
|
- // - Full-form (text only): if (IsItemHovered(...)) { SetTooltip("Hello"); }
|
|
|
- // - Full-form (any contents): if (IsItemHovered(...) && BeginTooltip()) { Text("Hello"); EndTooltip(); }
|
|
|
-
|
|
|
- HelpMarker(
|
|
|
- "Tooltip are typically created by using a IsItemHovered() + SetTooltip() sequence.\n\n"
|
|
|
- "We provide a helper SetItemTooltip() function to perform the two with standards flags.");
|
|
|
-
|
|
|
- ImVec2 sz = ImVec2(-FLT_MIN, 0.0f);
|
|
|
-
|
|
|
- ImGui::Button("Basic", sz);
|
|
|
- ImGui::SetItemTooltip("I am a tooltip");
|
|
|
-
|
|
|
- ImGui::Button("Fancy", sz);
|
|
|
- if (ImGui::BeginItemTooltip())
|
|
|
- {
|
|
|
- ImGui::Text("I am a fancy tooltip");
|
|
|
- static float arr[] = { 0.6f, 0.1f, 1.0f, 0.5f, 0.92f, 0.1f, 0.2f };
|
|
|
- ImGui::PlotLines("Curve", arr, IM_ARRAYSIZE(arr));
|
|
|
- ImGui::Text("Sin(time) = %f", sinf((float)ImGui::GetTime()));
|
|
|
- ImGui::EndTooltip();
|
|
|
- }
|
|
|
-
|
|
|
- ImGui::SeparatorText("Always On");
|
|
|
-
|
|
|
- // Showcase NOT relying on a IsItemHovered() to emit a tooltip.
|
|
|
- // Here the tooltip is always emitted when 'always_on == true'.
|
|
|
- static int always_on = 0;
|
|
|
- ImGui::RadioButton("Off", &always_on, 0);
|
|
|
- ImGui::SameLine();
|
|
|
- ImGui::RadioButton("Always On (Simple)", &always_on, 1);
|
|
|
- ImGui::SameLine();
|
|
|
- ImGui::RadioButton("Always On (Advanced)", &always_on, 2);
|
|
|
- if (always_on == 1)
|
|
|
- ImGui::SetTooltip("I am following you around.");
|
|
|
- else if (always_on == 2 && ImGui::BeginTooltip())
|
|
|
- {
|
|
|
- ImGui::ProgressBar(sinf((float)ImGui::GetTime()) * 0.5f + 0.5f, ImVec2(ImGui::GetFontSize() * 25, 0.0f));
|
|
|
- ImGui::EndTooltip();
|
|
|
- }
|
|
|
-
|
|
|
- ImGui::SeparatorText("Custom");
|
|
|
-
|
|
|
- HelpMarker(
|
|
|
- "Passing ImGuiHoveredFlags_ForTooltip to IsItemHovered() is the preferred way to standardize "
|
|
|
- "tooltip activation details across your application. You may however decide to use custom "
|
|
|
- "flags for a specific tooltip instance.");
|
|
|
-
|
|
|
- // The following examples are passed for documentation purpose but may not be useful to most users.
|
|
|
- // Passing ImGuiHoveredFlags_ForTooltip to IsItemHovered() will pull ImGuiHoveredFlags flags values from
|
|
|
- // 'style.HoverFlagsForTooltipMouse' or 'style.HoverFlagsForTooltipNav' depending on whether mouse or keyboard/gamepad is being used.
|
|
|
- // With default settings, ImGuiHoveredFlags_ForTooltip is equivalent to ImGuiHoveredFlags_DelayShort + ImGuiHoveredFlags_Stationary.
|
|
|
- ImGui::Button("Manual", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_ForTooltip))
|
|
|
- ImGui::SetTooltip("I am a manually emitted tooltip.");
|
|
|
-
|
|
|
- ImGui::Button("DelayNone", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayNone))
|
|
|
- ImGui::SetTooltip("I am a tooltip with no delay.");
|
|
|
-
|
|
|
- ImGui::Button("DelayShort", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayShort | ImGuiHoveredFlags_NoSharedDelay))
|
|
|
- ImGui::SetTooltip("I am a tooltip with a short delay (%0.2f sec).", ImGui::GetStyle().HoverDelayShort);
|
|
|
-
|
|
|
- ImGui::Button("DelayLong", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayNormal | ImGuiHoveredFlags_NoSharedDelay))
|
|
|
- ImGui::SetTooltip("I am a tooltip with a long delay (%0.2f sec).", ImGui::GetStyle().HoverDelayNormal);
|
|
|
-
|
|
|
- ImGui::Button("Stationary", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_Stationary))
|
|
|
- ImGui::SetTooltip("I am a tooltip requiring mouse to be stationary before activating.");
|
|
|
-
|
|
|
- // Using ImGuiHoveredFlags_ForTooltip will pull flags from 'style.HoverFlagsForTooltipMouse' or 'style.HoverFlagsForTooltipNav',
|
|
|
- // which default value include the ImGuiHoveredFlags_AllowWhenDisabled flag.
|
|
|
- ImGui::BeginDisabled();
|
|
|
- ImGui::Button("Disabled item", sz);
|
|
|
- if (ImGui::IsItemHovered(ImGuiHoveredFlags_ForTooltip))
|
|
|
- ImGui::SetTooltip("I am a a tooltip for a disabled item.");
|
|
|
- ImGui::EndDisabled();
|
|
|
-
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
-
|
|
|
- IMGUI_DEMO_MARKER("Widgets/Tree Nodes");
|
|
|
- if (ImGui::TreeNode("Tree Nodes"))
|
|
|
- {
|
|
|
- IMGUI_DEMO_MARKER("Widgets/Tree Nodes/Basic trees");
|
|
|
- if (ImGui::TreeNode("Basic trees"))
|
|
|
- {
|
|
|
- for (int i = 0; i < 5; i++)
|
|
|
- {
|
|
|
- // Use SetNextItemOpen() so set the default state of a node to be open. We could
|
|
|
- // also use TreeNodeEx() with the ImGuiTreeNodeFlags_DefaultOpen flag to achieve the same thing!
|
|
|
- if (i == 0)
|
|
|
- ImGui::SetNextItemOpen(true, ImGuiCond_Once);
|
|
|
-
|
|
|
- // Here we use PushID() to generate a unique base ID, and then the "" used as TreeNode id won't conflict.
|
|
|
- // An alternative to using 'PushID() + TreeNode("", ...)' to generate a unique ID is to use 'TreeNode((void*)(intptr_t)i, ...)',
|
|
|
- // aka generate a dummy pointer-sized value to be hashed. The demo below uses that technique. Both are fine.
|
|
|
- ImGui::PushID(i);
|
|
|
- if (ImGui::TreeNode("", "Child %d", i))
|
|
|
- {
|
|
|
- ImGui::Text("blah blah");
|
|
|
- ImGui::SameLine();
|
|
|
- if (ImGui::SmallButton("button")) {}
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
- ImGui::PopID();
|
|
|
- }
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
-
|
|
|
- IMGUI_DEMO_MARKER("Widgets/Tree Nodes/Advanced, with Selectable nodes");
|
|
|
- if (ImGui::TreeNode("Advanced, with Selectable nodes"))
|
|
|
- {
|
|
|
- HelpMarker(
|
|
|
- "This is a more typical looking tree with selectable nodes.\n"
|
|
|
- "Click to select, CTRL+Click to toggle, click on arrows or double-click to open.");
|
|
|
- static ImGuiTreeNodeFlags base_flags = ImGuiTreeNodeFlags_OpenOnArrow | ImGuiTreeNodeFlags_OpenOnDoubleClick | ImGuiTreeNodeFlags_SpanAvailWidth;
|
|
|
- static bool align_label_with_current_x_position = false;
|
|
|
- static bool test_drag_and_drop = false;
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_OpenOnArrow", &base_flags, ImGuiTreeNodeFlags_OpenOnArrow);
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_OpenOnDoubleClick", &base_flags, ImGuiTreeNodeFlags_OpenOnDoubleClick);
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanAvailWidth", &base_flags, ImGuiTreeNodeFlags_SpanAvailWidth); ImGui::SameLine(); HelpMarker("Extend hit area to all available width instead of allowing more items to be laid out after the node.");
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanFullWidth", &base_flags, ImGuiTreeNodeFlags_SpanFullWidth);
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanLabelWidth", &base_flags, ImGuiTreeNodeFlags_SpanLabelWidth); ImGui::SameLine(); HelpMarker("Reduce hit area to the text label and a bit of margin.");
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanAllColumns", &base_flags, ImGuiTreeNodeFlags_SpanAllColumns); ImGui::SameLine(); HelpMarker("For use in Tables only.");
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_AllowOverlap", &base_flags, ImGuiTreeNodeFlags_AllowOverlap);
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_Framed", &base_flags, ImGuiTreeNodeFlags_Framed); ImGui::SameLine(); HelpMarker("Draw frame with background (e.g. for CollapsingHeader)");
|
|
|
- ImGui::CheckboxFlags("ImGuiTreeNodeFlags_NavLeftJumpsBackHere", &base_flags, ImGuiTreeNodeFlags_NavLeftJumpsBackHere);
|
|
|
- ImGui::Checkbox("Align label with current X position", &align_label_with_current_x_position);
|
|
|
- ImGui::Checkbox("Test tree node as drag source", &test_drag_and_drop);
|
|
|
- ImGui::Text("Hello!");
|
|
|
- if (align_label_with_current_x_position)
|
|
|
- ImGui::Unindent(ImGui::GetTreeNodeToLabelSpacing());
|
|
|
-
|
|
|
- // 'selection_mask' is dumb representation of what may be user-side selection state.
|
|
|
- // You may retain selection state inside or outside your objects in whatever format you see fit.
|
|
|
- // 'node_clicked' is temporary storage of what node we have clicked to process selection at the end
|
|
|
- /// of the loop. May be a pointer to your own node type, etc.
|
|
|
- static int selection_mask = (1 << 2);
|
|
|
- int node_clicked = -1;
|
|
|
- for (int i = 0; i < 6; i++)
|
|
|
- {
|
|
|
- // Disable the default "open on single-click behavior" + set Selected flag according to our selection.
|
|
|
- // To alter selection we use IsItemClicked() && !IsItemToggledOpen(), so clicking on an arrow doesn't alter selection.
|
|
|
- ImGuiTreeNodeFlags node_flags = base_flags;
|
|
|
- const bool is_selected = (selection_mask & (1 << i)) != 0;
|
|
|
- if (is_selected)
|
|
|
- node_flags |= ImGuiTreeNodeFlags_Selected;
|
|
|
- if (i < 3)
|
|
|
- {
|
|
|
- // Items 0..2 are Tree Node
|
|
|
- bool node_open = ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, "Selectable Node %d", i);
|
|
|
- if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen())
|
|
|
- node_clicked = i;
|
|
|
- if (test_drag_and_drop && ImGui::BeginDragDropSource())
|
|
|
- {
|
|
|
- ImGui::SetDragDropPayload("_TREENODE", NULL, 0);
|
|
|
- ImGui::Text("This is a drag and drop source");
|
|
|
- ImGui::EndDragDropSource();
|
|
|
- }
|
|
|
- if (i == 2 && (base_flags & ImGuiTreeNodeFlags_SpanLabelWidth))
|
|
|
- {
|
|
|
- // Item 2 has an additional inline button to help demonstrate SpanLabelWidth.
|
|
|
- ImGui::SameLine();
|
|
|
- if (ImGui::SmallButton("button")) {}
|
|
|
- }
|
|
|
- if (node_open)
|
|
|
- {
|
|
|
- ImGui::BulletText("Blah blah\nBlah Blah");
|
|
|
- ImGui::SameLine();
|
|
|
- ImGui::SmallButton("Button");
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- // Items 3..5 are Tree Leaves
|
|
|
- // The only reason we use TreeNode at all is to allow selection of the leaf. Otherwise we can
|
|
|
- // use BulletText() or advance the cursor by GetTreeNodeToLabelSpacing() and call Text().
|
|
|
- node_flags |= ImGuiTreeNodeFlags_Leaf | ImGuiTreeNodeFlags_NoTreePushOnOpen; // ImGuiTreeNodeFlags_Bullet
|
|
|
- ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, "Selectable Leaf %d", i);
|
|
|
- if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen())
|
|
|
- node_clicked = i;
|
|
|
- if (test_drag_and_drop && ImGui::BeginDragDropSource())
|
|
|
- {
|
|
|
- ImGui::SetDragDropPayload("_TREENODE", NULL, 0);
|
|
|
- ImGui::Text("This is a drag and drop source");
|
|
|
- ImGui::EndDragDropSource();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (node_clicked != -1)
|
|
|
- {
|
|
|
- // Update selection state
|
|
|
- // (process outside of tree loop to avoid visual inconsistencies during the clicking frame)
|
|
|
- if (ImGui::GetIO().KeyCtrl)
|
|
|
- selection_mask ^= (1 << node_clicked); // CTRL+click to toggle
|
|
|
- else //if (!(selection_mask & (1 << node_clicked))) // Depending on selection behavior you want, may want to preserve selection when clicking on item that is part of the selection
|
|
|
- selection_mask = (1 << node_clicked); // Click to single-select
|
|
|
- }
|
|
|
- if (align_label_with_current_x_position)
|
|
|
- ImGui::Indent(ImGui::GetTreeNodeToLabelSpacing());
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
- ImGui::TreePop();
|
|
|
- }
|
|
|
+ DemoWindowWidgetsTooltips();
|
|
|
+ DemoWindowWidgetsTreeNodes();
|
|
|
|
|
|
IMGUI_DEMO_MARKER("Widgets/Collapsing Headers");
|
|
|
if (ImGui::TreeNode("Collapsing Headers"))
|
|
|
@@ -4067,10 +3852,234 @@ static void DemoWindowWidgetsSelectionAndMultiSelect(ImGuiDemoWindowData* demo_d
|
|
|
// [SECTION] DemoWindowWidgetsTooltips()
|
|
|
//-----------------------------------------------------------------------------
|
|
|
|
|
|
+static void DemoWindowWidgetsTooltips()
|
|
|
+{
|
|
|
+ IMGUI_DEMO_MARKER("Widgets/Tooltips");
|
|
|
+ if (ImGui::TreeNode("Tooltips"))
|
|
|
+ {
|
|
|
+ // Tooltips are windows following the mouse. They do not take focus away.
|
|
|
+ ImGui::SeparatorText("General");
|
|
|
+
|
|
|
+ // Typical use cases:
|
|
|
+ // - Short-form (text only): SetItemTooltip("Hello");
|
|
|
+ // - Short-form (any contents): if (BeginItemTooltip()) { Text("Hello"); EndTooltip(); }
|
|
|
+
|
|
|
+ // - Full-form (text only): if (IsItemHovered(...)) { SetTooltip("Hello"); }
|
|
|
+ // - Full-form (any contents): if (IsItemHovered(...) && BeginTooltip()) { Text("Hello"); EndTooltip(); }
|
|
|
+
|
|
|
+ HelpMarker(
|
|
|
+ "Tooltip are typically created by using a IsItemHovered() + SetTooltip() sequence.\n\n"
|
|
|
+ "We provide a helper SetItemTooltip() function to perform the two with standards flags.");
|
|
|
+
|
|
|
+ ImVec2 sz = ImVec2(-FLT_MIN, 0.0f);
|
|
|
+
|
|
|
+ ImGui::Button("Basic", sz);
|
|
|
+ ImGui::SetItemTooltip("I am a tooltip");
|
|
|
+
|
|
|
+ ImGui::Button("Fancy", sz);
|
|
|
+ if (ImGui::BeginItemTooltip())
|
|
|
+ {
|
|
|
+ ImGui::Text("I am a fancy tooltip");
|
|
|
+ static float arr[] = { 0.6f, 0.1f, 1.0f, 0.5f, 0.92f, 0.1f, 0.2f };
|
|
|
+ ImGui::PlotLines("Curve", arr, IM_ARRAYSIZE(arr));
|
|
|
+ ImGui::Text("Sin(time) = %f", sinf((float)ImGui::GetTime()));
|
|
|
+ ImGui::EndTooltip();
|
|
|
+ }
|
|
|
+
|
|
|
+ ImGui::SeparatorText("Always On");
|
|
|
+
|
|
|
+ // Showcase NOT relying on a IsItemHovered() to emit a tooltip.
|
|
|
+ // Here the tooltip is always emitted when 'always_on == true'.
|
|
|
+ static int always_on = 0;
|
|
|
+ ImGui::RadioButton("Off", &always_on, 0);
|
|
|
+ ImGui::SameLine();
|
|
|
+ ImGui::RadioButton("Always On (Simple)", &always_on, 1);
|
|
|
+ ImGui::SameLine();
|
|
|
+ ImGui::RadioButton("Always On (Advanced)", &always_on, 2);
|
|
|
+ if (always_on == 1)
|
|
|
+ ImGui::SetTooltip("I am following you around.");
|
|
|
+ else if (always_on == 2 && ImGui::BeginTooltip())
|
|
|
+ {
|
|
|
+ ImGui::ProgressBar(sinf((float)ImGui::GetTime()) * 0.5f + 0.5f, ImVec2(ImGui::GetFontSize() * 25, 0.0f));
|
|
|
+ ImGui::EndTooltip();
|
|
|
+ }
|
|
|
+
|
|
|
+ ImGui::SeparatorText("Custom");
|
|
|
+
|
|
|
+ HelpMarker(
|
|
|
+ "Passing ImGuiHoveredFlags_ForTooltip to IsItemHovered() is the preferred way to standardize "
|
|
|
+ "tooltip activation details across your application. You may however decide to use custom "
|
|
|
+ "flags for a specific tooltip instance.");
|
|
|
+
|
|
|
+ // The following examples are passed for documentation purpose but may not be useful to most users.
|
|
|
+ // Passing ImGuiHoveredFlags_ForTooltip to IsItemHovered() will pull ImGuiHoveredFlags flags values from
|
|
|
+ // 'style.HoverFlagsForTooltipMouse' or 'style.HoverFlagsForTooltipNav' depending on whether mouse or keyboard/gamepad is being used.
|
|
|
+ // With default settings, ImGuiHoveredFlags_ForTooltip is equivalent to ImGuiHoveredFlags_DelayShort + ImGuiHoveredFlags_Stationary.
|
|
|
+ ImGui::Button("Manual", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_ForTooltip))
|
|
|
+ ImGui::SetTooltip("I am a manually emitted tooltip.");
|
|
|
+
|
|
|
+ ImGui::Button("DelayNone", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayNone))
|
|
|
+ ImGui::SetTooltip("I am a tooltip with no delay.");
|
|
|
+
|
|
|
+ ImGui::Button("DelayShort", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayShort | ImGuiHoveredFlags_NoSharedDelay))
|
|
|
+ ImGui::SetTooltip("I am a tooltip with a short delay (%0.2f sec).", ImGui::GetStyle().HoverDelayShort);
|
|
|
+
|
|
|
+ ImGui::Button("DelayLong", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_DelayNormal | ImGuiHoveredFlags_NoSharedDelay))
|
|
|
+ ImGui::SetTooltip("I am a tooltip with a long delay (%0.2f sec).", ImGui::GetStyle().HoverDelayNormal);
|
|
|
+
|
|
|
+ ImGui::Button("Stationary", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_Stationary))
|
|
|
+ ImGui::SetTooltip("I am a tooltip requiring mouse to be stationary before activating.");
|
|
|
+
|
|
|
+ // Using ImGuiHoveredFlags_ForTooltip will pull flags from 'style.HoverFlagsForTooltipMouse' or 'style.HoverFlagsForTooltipNav',
|
|
|
+ // which default value include the ImGuiHoveredFlags_AllowWhenDisabled flag.
|
|
|
+ ImGui::BeginDisabled();
|
|
|
+ ImGui::Button("Disabled item", sz);
|
|
|
+ if (ImGui::IsItemHovered(ImGuiHoveredFlags_ForTooltip))
|
|
|
+ ImGui::SetTooltip("I am a a tooltip for a disabled item.");
|
|
|
+ ImGui::EndDisabled();
|
|
|
+
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
//-----------------------------------------------------------------------------
|
|
|
// [SECTION] DemoWindowWidgetsTreeNodes()
|
|
|
//-----------------------------------------------------------------------------
|
|
|
|
|
|
+static void DemoWindowWidgetsTreeNodes()
|
|
|
+{
|
|
|
+ IMGUI_DEMO_MARKER("Widgets/Tree Nodes");
|
|
|
+ if (ImGui::TreeNode("Tree Nodes"))
|
|
|
+ {
|
|
|
+ IMGUI_DEMO_MARKER("Widgets/Tree Nodes/Basic trees");
|
|
|
+ if (ImGui::TreeNode("Basic trees"))
|
|
|
+ {
|
|
|
+ for (int i = 0; i < 5; i++)
|
|
|
+ {
|
|
|
+ // Use SetNextItemOpen() so set the default state of a node to be open. We could
|
|
|
+ // also use TreeNodeEx() with the ImGuiTreeNodeFlags_DefaultOpen flag to achieve the same thing!
|
|
|
+ if (i == 0)
|
|
|
+ ImGui::SetNextItemOpen(true, ImGuiCond_Once);
|
|
|
+
|
|
|
+ // Here we use PushID() to generate a unique base ID, and then the "" used as TreeNode id won't conflict.
|
|
|
+ // An alternative to using 'PushID() + TreeNode("", ...)' to generate a unique ID is to use 'TreeNode((void*)(intptr_t)i, ...)',
|
|
|
+ // aka generate a dummy pointer-sized value to be hashed. The demo below uses that technique. Both are fine.
|
|
|
+ ImGui::PushID(i);
|
|
|
+ if (ImGui::TreeNode("", "Child %d", i))
|
|
|
+ {
|
|
|
+ ImGui::Text("blah blah");
|
|
|
+ ImGui::SameLine();
|
|
|
+ if (ImGui::SmallButton("button")) {}
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+ ImGui::PopID();
|
|
|
+ }
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+
|
|
|
+ IMGUI_DEMO_MARKER("Widgets/Tree Nodes/Advanced, with Selectable nodes");
|
|
|
+ if (ImGui::TreeNode("Advanced, with Selectable nodes"))
|
|
|
+ {
|
|
|
+ HelpMarker(
|
|
|
+ "This is a more typical looking tree with selectable nodes.\n"
|
|
|
+ "Click to select, CTRL+Click to toggle, click on arrows or double-click to open.");
|
|
|
+ static ImGuiTreeNodeFlags base_flags = ImGuiTreeNodeFlags_OpenOnArrow | ImGuiTreeNodeFlags_OpenOnDoubleClick | ImGuiTreeNodeFlags_SpanAvailWidth;
|
|
|
+ static bool align_label_with_current_x_position = false;
|
|
|
+ static bool test_drag_and_drop = false;
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_OpenOnArrow", &base_flags, ImGuiTreeNodeFlags_OpenOnArrow);
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_OpenOnDoubleClick", &base_flags, ImGuiTreeNodeFlags_OpenOnDoubleClick);
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanAvailWidth", &base_flags, ImGuiTreeNodeFlags_SpanAvailWidth); ImGui::SameLine(); HelpMarker("Extend hit area to all available width instead of allowing more items to be laid out after the node.");
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanFullWidth", &base_flags, ImGuiTreeNodeFlags_SpanFullWidth);
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanLabelWidth", &base_flags, ImGuiTreeNodeFlags_SpanLabelWidth); ImGui::SameLine(); HelpMarker("Reduce hit area to the text label and a bit of margin.");
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_SpanAllColumns", &base_flags, ImGuiTreeNodeFlags_SpanAllColumns); ImGui::SameLine(); HelpMarker("For use in Tables only.");
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_AllowOverlap", &base_flags, ImGuiTreeNodeFlags_AllowOverlap);
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_Framed", &base_flags, ImGuiTreeNodeFlags_Framed); ImGui::SameLine(); HelpMarker("Draw frame with background (e.g. for CollapsingHeader)");
|
|
|
+ ImGui::CheckboxFlags("ImGuiTreeNodeFlags_NavLeftJumpsBackHere", &base_flags, ImGuiTreeNodeFlags_NavLeftJumpsBackHere);
|
|
|
+ ImGui::Checkbox("Align label with current X position", &align_label_with_current_x_position);
|
|
|
+ ImGui::Checkbox("Test tree node as drag source", &test_drag_and_drop);
|
|
|
+ ImGui::Text("Hello!");
|
|
|
+ if (align_label_with_current_x_position)
|
|
|
+ ImGui::Unindent(ImGui::GetTreeNodeToLabelSpacing());
|
|
|
+
|
|
|
+ // 'selection_mask' is dumb representation of what may be user-side selection state.
|
|
|
+ // You may retain selection state inside or outside your objects in whatever format you see fit.
|
|
|
+ // 'node_clicked' is temporary storage of what node we have clicked to process selection at the end
|
|
|
+ /// of the loop. May be a pointer to your own node type, etc.
|
|
|
+ static int selection_mask = (1 << 2);
|
|
|
+ int node_clicked = -1;
|
|
|
+ for (int i = 0; i < 6; i++)
|
|
|
+ {
|
|
|
+ // Disable the default "open on single-click behavior" + set Selected flag according to our selection.
|
|
|
+ // To alter selection we use IsItemClicked() && !IsItemToggledOpen(), so clicking on an arrow doesn't alter selection.
|
|
|
+ ImGuiTreeNodeFlags node_flags = base_flags;
|
|
|
+ const bool is_selected = (selection_mask & (1 << i)) != 0;
|
|
|
+ if (is_selected)
|
|
|
+ node_flags |= ImGuiTreeNodeFlags_Selected;
|
|
|
+ if (i < 3)
|
|
|
+ {
|
|
|
+ // Items 0..2 are Tree Node
|
|
|
+ bool node_open = ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, "Selectable Node %d", i);
|
|
|
+ if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen())
|
|
|
+ node_clicked = i;
|
|
|
+ if (test_drag_and_drop && ImGui::BeginDragDropSource())
|
|
|
+ {
|
|
|
+ ImGui::SetDragDropPayload("_TREENODE", NULL, 0);
|
|
|
+ ImGui::Text("This is a drag and drop source");
|
|
|
+ ImGui::EndDragDropSource();
|
|
|
+ }
|
|
|
+ if (i == 2 && (base_flags & ImGuiTreeNodeFlags_SpanLabelWidth))
|
|
|
+ {
|
|
|
+ // Item 2 has an additional inline button to help demonstrate SpanLabelWidth.
|
|
|
+ ImGui::SameLine();
|
|
|
+ if (ImGui::SmallButton("button")) {}
|
|
|
+ }
|
|
|
+ if (node_open)
|
|
|
+ {
|
|
|
+ ImGui::BulletText("Blah blah\nBlah Blah");
|
|
|
+ ImGui::SameLine();
|
|
|
+ ImGui::SmallButton("Button");
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ // Items 3..5 are Tree Leaves
|
|
|
+ // The only reason we use TreeNode at all is to allow selection of the leaf. Otherwise we can
|
|
|
+ // use BulletText() or advance the cursor by GetTreeNodeToLabelSpacing() and call Text().
|
|
|
+ node_flags |= ImGuiTreeNodeFlags_Leaf | ImGuiTreeNodeFlags_NoTreePushOnOpen; // ImGuiTreeNodeFlags_Bullet
|
|
|
+ ImGui::TreeNodeEx((void*)(intptr_t)i, node_flags, "Selectable Leaf %d", i);
|
|
|
+ if (ImGui::IsItemClicked() && !ImGui::IsItemToggledOpen())
|
|
|
+ node_clicked = i;
|
|
|
+ if (test_drag_and_drop && ImGui::BeginDragDropSource())
|
|
|
+ {
|
|
|
+ ImGui::SetDragDropPayload("_TREENODE", NULL, 0);
|
|
|
+ ImGui::Text("This is a drag and drop source");
|
|
|
+ ImGui::EndDragDropSource();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (node_clicked != -1)
|
|
|
+ {
|
|
|
+ // Update selection state
|
|
|
+ // (process outside of tree loop to avoid visual inconsistencies during the clicking frame)
|
|
|
+ if (ImGui::GetIO().KeyCtrl)
|
|
|
+ selection_mask ^= (1 << node_clicked); // CTRL+click to toggle
|
|
|
+ else //if (!(selection_mask & (1 << node_clicked))) // Depending on selection behavior you want, may want to preserve selection when clicking on item that is part of the selection
|
|
|
+ selection_mask = (1 << node_clicked); // Click to single-select
|
|
|
+ }
|
|
|
+ if (align_label_with_current_x_position)
|
|
|
+ ImGui::Indent(ImGui::GetTreeNodeToLabelSpacing());
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+ ImGui::TreePop();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
//-----------------------------------------------------------------------------
|
|
|
// [SECTION] DemoWindowWidgetsVerticalSliders()
|
|
|
//-----------------------------------------------------------------------------
|
ocornut