Class reference
TabBar
Inherits Control
A control that provides a horizontal bar with tabs.
Description
A control that provides a horizontal bar with tabs. Similar to TabContainer but is only in charge of drawing tabs, not interacting with children.
Properties
bool clip_tabs = true
bool clip_tabs = trueIf true, tabs overflowing this node's width will be hidden, displaying two navigation buttons instead. Otherwise, this node's minimum size is updated so that all tabs are visible.
bool close_with_middle_mouse = true
bool close_with_middle_mouse = trueIf true, middle clicking on the mouse will fire the tab_close_pressed signal.
int current_tab = -1
int current_tab = -1The index of the current selected tab. A value of -1 means that no tab is selected and can only be set when deselect_enabled is true or if all tabs are hidden or disabled.
bool deselect_enabled = false
bool deselect_enabled = falseIf true, all tabs can be deselected so that no tab is selected. Click on the current tab to deselect it.
bool drag_to_rearrange_enabled = false
bool drag_to_rearrange_enabled = falseIf true, tabs can be rearranged with mouse drag.
int focus_mode = 2
int focus_mode = 2int max_tab_width = 0
int max_tab_width = 0Sets the maximum width which all tabs should be limited to. Unlimited if set to 0.
bool scroll_to_selected = true
bool scroll_to_selected = trueIf true, the tab offset will be changed to keep the currently selected tab visible.
bool scrolling_enabled = true
bool scrolling_enabled = trueif true, the mouse's scroll wheel can be used to navigate the scroll view.
bool select_with_rmb = false
bool select_with_rmb = falseIf true, enables selecting a tab with the right mouse button.
int tab_alignment = 0
int tab_alignment = 0The position at which tabs will be placed.
int tab_close_display_policy = 0
int tab_close_display_policy = 0When the close button will appear on the tabs.
int tab_count = 0
int tab_count = 0The number of tabs currently in the bar.
int tabs_rearrange_group = -1
int tabs_rearrange_group = -1TabBars with the same rearrange group ID will allow dragging the tabs between them. Enable drag with drag_to_rearrange_enabled. Setting this to -1 will disable rearranging between TabBars.
Methods
void add_tab(String title = "", Texture2D icon = null)
String title = "", Texture2D icon = null)Adds a new tab.
void clear_tabs()
Clears all tabs.
void ensure_tab_visible(int idx)
int idx)Moves the scroll view to make the tab visible.
bool get_offset_buttons_visible() const
bool get_offset_buttons_visible() constReturns true if the offset buttons (the ones that appear when there's not enough space for all tabs) are visible.
int get_previous_tab() const
int get_previous_tab() constReturns the previously active tab index.
Texture2D get_tab_button_icon(int tab_idx) const
Texture2D get_tab_button_icon(int tab_idx) constReturns the icon for the right button of the tab at index tab_idx or null if the right button has no icon.
Texture2D get_tab_icon(int tab_idx) const
Texture2D get_tab_icon(int tab_idx) constReturns the icon for the tab at index tab_idx or null if the tab has no icon.
int get_tab_icon_max_width(int tab_idx) const
int get_tab_icon_max_width(int tab_idx) constReturns the maximum allowed width of the icon for the tab at index tab_idx.
int get_tab_idx_at_point(Vector2 point) const
int get_tab_idx_at_point(Vector2 point) constReturns the index of the tab at local coordinates point. Returns -1 if the point is outside the control boundaries or if there's no tab at the queried position.
String get_tab_language(int tab_idx) const
String get_tab_language(int tab_idx) constReturns tab title language code.
Variant get_tab_metadata(int tab_idx) const
Variant get_tab_metadata(int tab_idx) constReturns the metadata value set to the tab at index tab_idx using set_tab_metadata(). If no metadata was previously set, returns null by default.
int get_tab_offset() const
int get_tab_offset() constReturns the number of hidden tabs offsetted to the left.
Rect2 get_tab_rect(int tab_idx) const
Rect2 get_tab_rect(int tab_idx) constReturns tab Rect2 with local position and size.
int get_tab_text_direction(int tab_idx) const
int get_tab_text_direction(int tab_idx) constReturns tab title text base writing direction.
String get_tab_title(int tab_idx) const
String get_tab_title(int tab_idx) constReturns the title of the tab at index tab_idx.
String get_tab_tooltip(int tab_idx) const
String get_tab_tooltip(int tab_idx) constReturns the tooltip text of the tab at index tab_idx.
bool is_tab_disabled(int tab_idx) const
bool is_tab_disabled(int tab_idx) constReturns true if the tab at index tab_idx is disabled.
bool is_tab_hidden(int tab_idx) const
bool is_tab_hidden(int tab_idx) constReturns true if the tab at index tab_idx is hidden.
void move_tab(int from, int to)
int from, int to)Moves a tab from from to to.
void remove_tab(int tab_idx)
int tab_idx)Removes the tab at index tab_idx.
bool select_next_available()
bool select_next_available()Selects the first available tab with greater index than the currently selected. Returns true if tab selection changed.
bool select_previous_available()
bool select_previous_available()Selects the first available tab with lower index than the currently selected. Returns true if tab selection changed.
void set_tab_button_icon(int tab_idx, Texture2D icon)
int tab_idx, Texture2D icon)Sets an icon for the button of the tab at index tab_idx (located to the right, before the close button), making it visible and clickable (See tab_button_pressed). Giving it a null value will hide the button.
void set_tab_disabled(int tab_idx, bool disabled)
int tab_idx, bool disabled)If disabled is true, disables the tab at index tab_idx, making it non-interactable.
void set_tab_hidden(int tab_idx, bool hidden)
int tab_idx, bool hidden)If hidden is true, hides the tab at index tab_idx, making it disappear from the tab area.
void set_tab_icon(int tab_idx, Texture2D icon)
int tab_idx, Texture2D icon)Sets an icon for the tab at index tab_idx.
void set_tab_icon_max_width(int tab_idx, int width)
int tab_idx, int width)Sets the maximum allowed width of the icon for the tab at index tab_idx. This limit is applied on top of the default size of the icon and on top of icon_max_width. The height is adjusted according to the icon's ratio.
void set_tab_language(int tab_idx, String language)
int tab_idx, String language)Sets language code of tab title used for line-breaking and text shaping algorithms, if left empty current locale is used instead.
void set_tab_metadata(int tab_idx, Variant metadata)
int tab_idx, Variant metadata)Sets the metadata value for the tab at index tab_idx, which can be retrieved later using get_tab_metadata().
void set_tab_text_direction(int tab_idx, int direction)
int tab_idx, int direction)Sets tab title base writing direction.
void set_tab_title(int tab_idx, String title)
int tab_idx, String title)Sets a title for the tab at index tab_idx.
void set_tab_tooltip(int tab_idx, String tooltip)
int tab_idx, String tooltip)Sets a tooltip for tab at index tab_idx. Note: By default, if the tooltip is empty and the tab text is truncated (not all characters fit into the tab), the title will be displayed as a tooltip. To hide the tooltip, assign " " as the tooltip text.
Signals
active_tab_rearranged(int idx_to)
int idx_to)Emitted when the active tab is rearranged via mouse drag. See drag_to_rearrange_enabled.
tab_button_pressed(int tab)
int tab)Emitted when a tab's right button is pressed. See set_tab_button_icon().
tab_changed(int tab)
int tab)Emitted when switching to another tab.
tab_clicked(int tab)
int tab)Emitted when a tab is clicked, even if it is the current tab.
tab_close_pressed(int tab)
int tab)Emitted when a tab's close button is pressed or when middle-clicking on a tab, if close_with_middle_mouse is enabled. Note: Tabs are not removed automatically once the close button is pressed, this behavior needs to be programmed manually. For example:
$TabBar.tab_close_pressed.connect($TabBar.remove_tab)
GetNode<TabBar>("TabBar").TabClosePressed += GetNode<TabBar>("TabBar").RemoveTab;
tab_hovered(int tab)
int tab)Emitted when a tab is hovered by the mouse.
tab_rmb_clicked(int tab)
int tab)Emitted when a tab is right-clicked. select_with_rmb must be enabled.
tab_selected(int tab)
int tab)Emitted when a tab is selected via click, directional input, or script, even if it is the current tab.
Constants
ALIGNMENT_LEFT = 0
Places tabs to the left.
ALIGNMENT_CENTER = 1
Places tabs in the middle.
ALIGNMENT_RIGHT = 2
Places tabs to the right.
ALIGNMENT_MAX = 3
Represents the size of the AlignmentMode enum.
CLOSE_BUTTON_SHOW_NEVER = 0
Never show the close buttons.
CLOSE_BUTTON_SHOW_ACTIVE_ONLY = 1
Only show the close button on the currently active tab.
CLOSE_BUTTON_SHOW_ALWAYS = 2
Show the close button on all tabs.
CLOSE_BUTTON_MAX = 3
Represents the size of the CloseButtonDisplayPolicy enum.
Theme properties
Color drop_mark_color = Color(1, 1, 1, 1)
Color drop_mark_color = Color(1, 1, 1, 1)Modulation color for the drop_mark icon.
Color font_disabled_color = Color(0.875, 0.875, 0.875, 0.5)
Color font_disabled_color = Color(0.875, 0.875, 0.875, 0.5)Font color of disabled tabs.
Color font_hovered_color = Color(0.95, 0.95, 0.95, 1)
Color font_hovered_color = Color(0.95, 0.95, 0.95, 1)Font color of the currently hovered tab. Does not apply to the selected tab.
Color font_outline_color = Color(0, 0, 0, 1)
Color font_outline_color = Color(0, 0, 0, 1)The tint of text outline of the tab name.
Color font_selected_color = Color(0.95, 0.95, 0.95, 1)
Color font_selected_color = Color(0.95, 0.95, 0.95, 1)Font color of the currently selected tab.
Color font_unselected_color = Color(0.7, 0.7, 0.7, 1)
Color font_unselected_color = Color(0.7, 0.7, 0.7, 1)Font color of the other, unselected tabs.
int h_separation = 4
int h_separation = 4The horizontal separation between the elements inside tabs.
int icon_max_width = 0
int icon_max_width = 0The maximum allowed width of the tab's icon. This limit is applied on top of the default size of the icon, but before the value set with set_tab_icon_max_width(). The height is adjusted according to the icon's ratio.
int outline_size = 0
int outline_size = 0The size of the tab text outline. Note: If using a font with FontFile.multichannel_signed_distance_field enabled, its FontFile.msdf_pixel_range must be set to at least twice the value of outline_size for outline rendering to look correct. Otherwise, the outline may appear to be cut off earlier than intended.
int tab_separation = 0
int tab_separation = 0The space between tabs in the tab bar.
Font font
Font fontThe font used to draw tab names.
int font_size
int font_sizeFont size of the tab names.
Texture2D close
Texture2D closeThe icon for the close button (see tab_close_display_policy).
Texture2D decrement
Texture2D decrementIcon for the left arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the first tab is visible), it appears semi-transparent.
Texture2D decrement_highlight
Texture2D decrement_highlightIcon for the left arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.
Texture2D drop_mark
Texture2D drop_markIcon shown to indicate where a dragged tab is gonna be dropped (see drag_to_rearrange_enabled).
Texture2D increment
Texture2D incrementIcon for the right arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the last tab is visible) it appears semi-transparent.
Texture2D increment_highlight
Texture2D increment_highlightIcon for the right arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.
StyleBox button_highlight
StyleBox button_highlightBackground of the tab and close buttons when they're being hovered with the cursor.
StyleBox button_pressed
StyleBox button_pressedBackground of the tab and close buttons when it's being pressed.
StyleBox tab_disabled
StyleBox tab_disabledThe style of disabled tabs.
StyleBox tab_focus
StyleBox tab_focusStyleBox used when the TabBar is focused. The tab_focus StyleBox is displayed over the base StyleBox of the selected tab, so a partially transparent StyleBox should be used to ensure the base StyleBox remains visible. A StyleBox that represents an outline or an underline works well for this purpose. To disable the focus visual effect, assign a StyleBoxEmpty resource. Note that disabling the focus visual effect will harm keyboard/controller navigation usability, so this is not recommended for accessibility reasons.
StyleBox tab_hovered
StyleBox tab_hoveredThe style of the currently hovered tab. Does not apply to the selected tab. Note: This style will be drawn with the same width as tab_unselected at minimum.
StyleBox tab_selected
StyleBox tab_selectedThe style of the currently selected tab.
StyleBox tab_unselected
StyleBox tab_unselectedThe style of the other, unselected tabs.