Work in progress

Godot documentation is being updated to reflect the latest changes in version 4.0. Some documentation pages may still state outdated information. This banner will tell you if you're reading one of such pages.

The contents of this page are up to date. If you can still find outdated information, please open an issue.

TabBar

Inherits: Control < CanvasItem < Node < Object

Tab bar control.

Description

Simple tabs control, similar to TabContainer but is only in charge of drawing tabs, not interacting with children.

Properties

bool

clip_tabs

true

int

current_tab

0

bool

drag_to_rearrange_enabled

false

int

max_tab_width

0

bool

scroll_to_selected

true

bool

scrolling_enabled

true

bool

select_with_rmb

false

AlignmentMode

tab_alignment

0

CloseButtonDisplayPolicy

tab_close_display_policy

0

int

tab_count

0

int

tabs_rearrange_group

-1

Methods

void

add_tab ( String title="", Texture2D icon=null )

void

clear_tabs ( )

void

ensure_tab_visible ( int idx )

bool

get_offset_buttons_visible ( ) const

int

get_previous_tab ( ) const

Texture2D

get_tab_button_icon ( int tab_idx ) const

Texture2D

get_tab_icon ( int tab_idx ) const

int

get_tab_idx_at_point ( Vector2 point ) const

String

get_tab_language ( int tab_idx ) const

int

get_tab_offset ( ) const

Rect2

get_tab_rect ( int tab_idx ) const

TextDirection

get_tab_text_direction ( int tab_idx ) const

String

get_tab_title ( int tab_idx ) const

bool

is_tab_disabled ( int tab_idx ) const

bool

is_tab_hidden ( int tab_idx ) const

void

move_tab ( int from, int to )

void

remove_tab ( int tab_idx )

void

set_tab_button_icon ( int tab_idx, Texture2D icon )

void

set_tab_disabled ( int tab_idx, bool disabled )

void

set_tab_hidden ( int tab_idx, bool hidden )

void

set_tab_icon ( int tab_idx, Texture2D icon )

void

set_tab_language ( int tab_idx, String language )

void

set_tab_text_direction ( int tab_idx, TextDirection direction )

void

set_tab_title ( int tab_idx, String title )

Theme Properties

Color

drop_mark_color

Color(1, 1, 1, 1)

Color

font_disabled_color

Color(0.875, 0.875, 0.875, 0.5)

Color

font_outline_color

Color(1, 1, 1, 1)

Color

font_selected_color

Color(0.95, 0.95, 0.95, 1)

Color

font_unselected_color

Color(0.7, 0.7, 0.7, 1)

int

h_separation

4

int

outline_size

0

Font

font

int

font_size

Texture2D

close

Texture2D

decrement

Texture2D

decrement_highlight

Texture2D

drop_mark

Texture2D

increment

Texture2D

increment_highlight

StyleBox

button_highlight

StyleBox

button_pressed

StyleBox

tab_disabled

StyleBox

tab_selected

StyleBox

tab_unselected

Signals

active_tab_rearranged ( int idx_to )

Emitted when the active tab is rearranged via mouse drag. See drag_to_rearrange_enabled.

tab_button_pressed ( int tab )

Emitted when a tab's right button is pressed. See set_tab_button_icon.

tab_changed ( int tab )

Emitted when switching to another tab.

tab_clicked ( int tab )

Emitted when a tab is clicked, even if it is the current tab.

tab_close_pressed ( int tab )

Emitted when a tab's close button is pressed.

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)

tab_hovered ( int tab )

Emitted when a tab is hovered by the mouse.

tab_rmb_clicked ( int tab )

Emitted when a tab is right-clicked. select_with_rmb must be enabled.

tab_selected ( int tab )

Emitted when a tab is selected via click or script, even if it is the current tab.

Enumerations

enum AlignmentMode:

AlignmentMode ALIGNMENT_LEFT = 0

Places tabs to the left.

AlignmentMode ALIGNMENT_CENTER = 1

Places tabs in the middle.

AlignmentMode ALIGNMENT_RIGHT = 2

Places tabs to the right.

AlignmentMode ALIGNMENT_MAX = 3

Represents the size of the AlignmentMode enum.

enum CloseButtonDisplayPolicy:

CloseButtonDisplayPolicy CLOSE_BUTTON_SHOW_NEVER = 0

Never show the close buttons.

CloseButtonDisplayPolicy CLOSE_BUTTON_SHOW_ACTIVE_ONLY = 1

Only show the close button on the currently active tab.

CloseButtonDisplayPolicy CLOSE_BUTTON_SHOW_ALWAYS = 2

Show the close button on all tabs.

CloseButtonDisplayPolicy CLOSE_BUTTON_MAX = 3

Represents the size of the CloseButtonDisplayPolicy enum.

Property Descriptions

bool clip_tabs = true

  • void set_clip_tabs ( bool value )

  • bool get_clip_tabs ( )

If 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.

int current_tab = 0

  • void set_current_tab ( int value )

  • int get_current_tab ( )

Select tab at index tab_idx.

bool drag_to_rearrange_enabled = false

  • void set_drag_to_rearrange_enabled ( bool value )

  • bool get_drag_to_rearrange_enabled ( )

If true, tabs can be rearranged with mouse drag.

int max_tab_width = 0

  • void set_max_tab_width ( int value )

  • int get_max_tab_width ( )

Sets the maximum width which all tabs should be limited to. Unlimited if set to 0.

bool scroll_to_selected = true

  • void set_scroll_to_selected ( bool value )

  • bool get_scroll_to_selected ( )

If true, the tab offset will be changed to keep the the currently selected tab visible.

bool scrolling_enabled = true

  • void set_scrolling_enabled ( bool value )

  • bool get_scrolling_enabled ( )

if true, the mouse's scroll wheel can be used to navigate the scroll view.

bool select_with_rmb = false

  • void set_select_with_rmb ( bool value )

  • bool get_select_with_rmb ( )

If true, enables selecting a tab with the right mouse button.

AlignmentMode tab_alignment = 0

Sets the position at which tabs will be placed. See AlignmentMode for details.

CloseButtonDisplayPolicy tab_close_display_policy = 0

Sets when the close button will appear on the tabs. See CloseButtonDisplayPolicy for details.

int tab_count = 0

  • void set_tab_count ( int value )

  • int get_tab_count ( )

The number of tabs currently in the bar.

int tabs_rearrange_group = -1

  • void set_tabs_rearrange_group ( int value )

  • int get_tabs_rearrange_group ( )

TabBars 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.

Method Descriptions

void add_tab ( String title="", Texture2D icon=null )

Adds a new tab.

void clear_tabs ( )

Clears all tabs.

void ensure_tab_visible ( int idx )

Moves the scroll view to make the tab visible.

bool get_offset_buttons_visible ( ) const

Returns 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

Returns the previously active tab index.

Texture2D get_tab_button_icon ( int tab_idx ) const

Returns the Texture2D for the right button of the tab at index tab_idx or null if the button has no Texture2D.

Texture2D get_tab_icon ( int tab_idx ) const

Returns the Texture2D for the tab at index tab_idx or null if the tab has no Texture2D.

int get_tab_idx_at_point ( Vector2 point ) const

Returns 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

Returns tab title language code.

int get_tab_offset ( ) const

Returns the number of hidden tabs offsetted to the left.

Rect2 get_tab_rect ( int tab_idx ) const

Returns tab Rect2 with local position and size.

TextDirection get_tab_text_direction ( int tab_idx ) const

Returns tab title text base writing direction.

String get_tab_title ( int tab_idx ) const

Returns the title of the tab at index tab_idx.

bool is_tab_disabled ( int tab_idx ) const

Returns true if the tab at index tab_idx is disabled.

bool is_tab_hidden ( int tab_idx ) const

Returns true if the tab at index tab_idx is hidden.

void move_tab ( int from, int to )

Moves a tab from from to to.

void remove_tab ( int tab_idx )

Removes the tab at index tab_idx.

void set_tab_button_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 )

If disabled is true, disables the tab at index tab_idx, making it non-interactable.

void set_tab_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 )

Sets an icon for the tab at index tab_idx.

void set_tab_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_text_direction ( int tab_idx, TextDirection direction )

Sets tab title base writing direction.

void set_tab_title ( int tab_idx, String title )

Sets a title for the tab at index tab_idx.

Theme Property Descriptions

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)

Font color of disabled tabs.

Color font_outline_color = Color(1, 1, 1, 1)

The tint of text outline of the tab name.

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)

Font color of the other, unselected tabs.

int h_separation = 4

The horizontal separation between the elements inside tabs.

int outline_size = 0

The 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.

Font font

The font used to draw tab names.

int font_size

Font size of the tab names.

Texture2D close

The icon for the close button (see tab_close_display_policy).

Texture2D decrement

Icon 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

Icon 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

Icon shown to indicate where a dragged tab is gonna be dropped (see drag_to_rearrange_enabled).

Texture2D increment

Icon 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

Icon 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

Background of the tab and close buttons when they're being hovered with the cursor.

StyleBox button_pressed

Background of the tab and close buttons when it's being pressed.

StyleBox tab_disabled

The style of disabled tabs.

StyleBox tab_selected

The style of the currently selected tab.

StyleBox tab_unselected

The style of the other, unselected tabs.