TabContainer
继承: Container
< Control
< CanvasItem
< Node
< Object
A container that creates a tab for each child control, displaying only the active tab's control.
描述
Arranges child controls into a tabbed view, creating a tab for each one. The active tab's corresponding control is made visible, while all other child controls are hidden. Ignores non-control children.
Note: The drawing of the clickable tabs is handled by this node; TabBar
is not needed.
属性
方法
主题属性
信号
active_tab_rearranged ( idx_to: int
)
Emitted when the active tab is rearranged via mouse drag. See drag_to_rearrange_enabled
.
pre_popup_pressed ( )
Emitted when the TabContainer's Popup
button is clicked. See set_popup
for details.
tab_button_pressed ( tab: int
)
Emitted when the user clicks on the button icon on this tab.
tab_changed ( tab: int
)
Emitted when switching to another tab.
tab_clicked ( tab: int
)
Emitted when a tab is clicked, even if it is the current tab.
tab_hovered ( tab: int
)
Emitted when a tab is hovered by the mouse.
tab_selected ( tab: int
)
Emitted when a tab is selected via click, directional input, or script, even if it is the current tab.
枚举
enum TabPosition:
TabPosition POSITION_TOP = 0
Places the tab bar at the top.
TabPosition POSITION_BOTTOM = 1
Places the tab bar at the bottom. The tab bar's StyleBox
will be flipped vertically.
TabPosition POSITION_MAX = 2
Represents the size of the TabPosition enum.
属性说明
bool
all_tabs_in_front = false
If true
, all tabs are drawn in front of the panel. If false
, inactive tabs are drawn behind the panel.
bool
clip_tabs = true
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 = -1
The current tab index. When set, this index's Control
node's visible
property is set to true
and all others are set to false
.
A value of -1
means that no tab is selected.
bool
deselect_enabled = false
If true
, all tabs can be deselected so that no tab is selected. Click on the current_tab
to deselect it.
Only the tab header will be shown if no tabs are selected.
bool
drag_to_rearrange_enabled = false
If true
, tabs can be rearranged with mouse drag.
AlignmentMode tab_alignment = 0
void
set_tab_alignment ( value: AlignmentMode )- AlignmentMode get_tab_alignment ( )
Sets the position at which tabs will be placed. See AlignmentMode for details.
FocusMode tab_focus_mode = 2
The focus access mode for the internal TabBar
node.
TabPosition tabs_position = 0
void
set_tabs_position ( value: TabPosition )- TabPosition get_tabs_position ( )
Sets the position of the tab bar. See TabPosition for details.
int
tabs_rearrange_group = -1
TabContainer s 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 TabContainer s.
bool
tabs_visible = true
If true
, tabs are visible. If false
, tabs' content and titles are hidden.
bool
use_hidden_tabs_for_min_size = false
If true
, child Control
nodes that are hidden have their minimum size take into account in the total, instead of only the currently visible one.
方法说明
Control
get_current_tab_control ( ) const1
Returns the child Control
node located at the active tab index.
Returns the Popup
node instance if one has been set already with set_popup
.
Warning: This is a required internal node, removing and freeing it may cause a crash. If you wish to hide it or any of its children, use their Window.visible
property.
int
get_previous_tab ( ) const1
Returns the previously active tab index.
Returns the TabBar
contained in this container.
Warning: This is a required internal node, removing and freeing it or editing its tabs may cause a crash. If you wish to edit the tabs, use the methods provided in TabContainer.
Texture2D
get_tab_button_icon ( tab_idx: int
) const1
Returns the button icon from the tab at index tab_idx
.
Control
get_tab_control ( tab_idx: int
) const1
Returns the Control
node from the tab at index tab_idx
.
Returns the number of tabs.
Texture2D
get_tab_icon ( tab_idx: int
) const1
Returns the Texture2D
for the tab at index tab_idx
or null
if the tab has no Texture2D
.
int
get_tab_icon_max_width ( tab_idx: int
) const1
Returns the maximum allowed width of the icon for the tab at index tab_idx
.
int
get_tab_idx_at_point ( point: Vector2
) const1
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.
int
get_tab_idx_from_control ( control: Control
) const1
Returns the index of the tab tied to the given control
. The control must be a child of the TabContainer.
Variant
get_tab_metadata ( tab_idx: int
) const1
Returns 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.
String
get_tab_title ( tab_idx: int
) const1
Returns the title of the tab at index tab_idx
. Tab titles default to the name of the indexed child node, but this can be overridden with set_tab_title
.
String
get_tab_tooltip ( tab_idx: int
) const1
Returns the tooltip text of the tab at index tab_idx
.
bool
is_tab_disabled ( tab_idx: int
) const1
Returns true
if the tab at index tab_idx
is disabled.
bool
is_tab_hidden ( tab_idx: int
) const1
Returns true
if the tab at index tab_idx
is hidden.
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 ( )
Selects the first available tab with lower index than the currently selected. Returns true
if tab selection changed.
void
set_popup ( popup: Node
)
If set on a Popup
node instance, a popup menu icon appears in the top-right corner of the TabContainer (setting it to null
will make it go away). Clicking it will expand the Popup
node.
void
set_tab_button_icon ( tab_idx: int
, icon: Texture2D
)
Sets the button icon from the tab at index tab_idx
.
void
set_tab_disabled ( tab_idx: int
, disabled: bool
)
If disabled
is true
, disables the tab at index tab_idx
, making it non-interactable.
void
set_tab_hidden ( tab_idx: int
, hidden: bool
)
If hidden
is true
, hides the tab at index tab_idx
, making it disappear from the tab area.
void
set_tab_icon ( tab_idx: int
, icon: Texture2D
)
Sets an icon for the tab at index tab_idx
.
void
set_tab_icon_max_width ( tab_idx: int
, width: int
)
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_metadata ( tab_idx: int
, metadata: Variant
)
Sets the metadata value for the tab at index tab_idx
, which can be retrieved later using get_tab_metadata
.
void
set_tab_title ( tab_idx: int
, title: String
)
Sets a custom title for the tab at index tab_idx
(tab titles default to the name of the indexed child node). Set it back to the child's name to make the tab default to it again.
void
set_tab_tooltip ( tab_idx: int
, tooltip: String
)
Sets a custom tooltip text 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.
主题属性说明
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_hovered_color = Color(0.95, 0.95, 0.95, 1)
Font color of the currently hovered tab.
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)
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
icon_max_width = 0
The 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 TabBar.set_tab_icon_max_width
. The height is adjusted according to the icon's ratio.
int
icon_separation = 4
Space between tab's name and its icon.
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.
int
side_margin = 8
The space at the left or right edges of the tab bar, accordingly with the current tab_alignment
.
The margin is ignored with TabBar.ALIGNMENT_RIGHT
if the tabs are clipped (see clip_tabs
) or a popup has been set (see set_popup
). The margin is always ignored with TabBar.ALIGNMENT_CENTER
.
Font
font
The font used to draw tab names.
int
font_size
Font size of the tab names.
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.
Texture2D
menu
The icon for the menu button (see set_popup
).
Texture2D
menu_highlight
The icon for the menu button (see set_popup
) when it's being hovered with the cursor.
StyleBox
panel
The style for the background fill.
StyleBox
tab_disabled
The style of disabled tabs.
StyleBox
tab_focus
StyleBox
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
The style of the currently hovered tab.
Note: This style will be drawn with the same width as tab_unselected
at minimum.
StyleBox
tab_selected
The style of the currently selected tab.
StyleBox
tab_unselected
The style of the other, unselected tabs.
StyleBox
tabbar_background
The style for the background fill of the TabBar
area.
本方法通常需要用户覆盖才能生效。
本方法无副作用,不会修改该实例的任何成员变量。
本方法除了能接受在此处描述的参数外,还能够继续接受任意数量的参数。
本方法用于构造某个类型。
调用本方法无需实例,可直接使用类名进行调用。
本方法描述的是使用本类型作为左操作数的有效运算符。
这个值是由下列位标志构成位掩码的整数。
无返回值。