ItemList
Inherits: Control < CanvasItem < Node < Object
A vertical list of selectable items with one or multiple columns.
Description
This control provides a vertical list of selectable items that may be in a single or in multiple columns, with each item having options for text and an icon. Tooltips are supported and may be different for every item in the list.
Selectable items in the list may be selected or deselected and multiple selection may be enabled. Selection with right mouse button may also be enabled to allow use of popup context menus. Items may also be “activated” by double-clicking them or by pressing Enter.
Item text only supports single-line strings. Newline characters (e.g. \n
) in the string won’t produce a newline. Text wrapping is enabled in ICON_MODE_TOP mode, but the column’s width is adjusted to fully fit its content by default. You need to set fixed_column_width greater than zero to wrap the text.
All set_*
methods allow negative item indices, i.e. -1
to access the last item, -2
to select the second-to-last item, and so on.
Incremental search: Like PopupMenu and Tree, ItemList supports searching within the list while the control is focused. Press a key that matches the first letter of an item’s name to select the first item starting with the given letter. After that point, there are two ways to perform incremental search: 1) Press the same key again before the timeout duration to select the next item starting with the same letter. 2) Press letter keys that match the rest of the word before the timeout duration to match to select the item in question directly. Both of these actions will be reset to the beginning of the list if the timeout duration has passed since the last keystroke was registered. You can adjust the timeout duration by changing ProjectSettings.gui/timers/incremental_search_max_interval_msec.
Properties
| ||
| ||
| ||
| ||
clip_contents |
| |
| ||
| ||
focus_mode |
| |
| ||
| ||
| ||
| ||
| ||
| ||
| ||
|
Methods
Theme Properties
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
Signals
empty_clicked(at_position: Vector2, mouse_button_index: int) 🔗
Triggered when any mouse click is issued within the rect of the list but on empty space.
Triggered when specified list item is activated via double-clicking or by pressing Enter.
item_clicked(index: int, at_position: Vector2, mouse_button_index: int) 🔗
Triggered when specified list item has been clicked with any mouse button.
The click position is also provided to allow appropriate popup of context menus at the correct location.
Triggered when specified item has been selected.
allow_reselect must be enabled to reselect an item.
multi_selected(index: int, selected: bool) 🔗
Triggered when a multiple selection is altered on a list allowing multiple selection.
Enumerations
enum IconMode: 🔗
IconMode ICON_MODE_TOP = 0
Icon is drawn above the text.
IconMode ICON_MODE_LEFT = 1
Icon is drawn to the left of the text.
enum SelectMode: 🔗
SelectMode SELECT_SINGLE = 0
Only allow selecting a single item.
SelectMode SELECT_MULTI = 1
Allows selecting multiple items by holding Ctrl or Shift.
Property Descriptions
If true
, the currently selected item can be selected again.
bool allow_rmb_select = false
🔗
If true
, right mouse button click can select items.
If true
, allows navigating the ItemList with letter keys through incremental search.
If true
, the control will automatically resize the height to fit its content.
The width all columns will be adjusted to.
A value of zero disables the adjustment, each item will have a width equal to the width of its content and the columns will have an uneven width.
Vector2i fixed_icon_size = Vector2i(0, 0)
🔗
The size all icons will be adjusted to.
If either X or Y component is not greater than zero, icon size won’t be affected.
The icon position, whether above or to the left of the text. See the IconMode constants.
The scale of icon applied after fixed_icon_size and transposing takes effect.
The number of items currently in the list.
Maximum columns the list will have.
If greater than zero, the content will be split among the specified columns.
A value of zero means unlimited columns, i.e. all items will be put in the same row.
Maximum lines of text allowed in each item. Space will be reserved even when there is not enough lines of text to display.
Note: This property takes effect only when icon_mode is ICON_MODE_TOP. To make the text wrap, fixed_column_width should be greater than zero.
bool same_column_width = false
🔗
Whether all columns will have the same width.
If true
, the width is equal to the largest column width of all columns.
SelectMode select_mode = 0
🔗
void set_select_mode(value: SelectMode)
SelectMode get_select_mode()
Allows single or multiple item selection. See the SelectMode constants.
OverrunBehavior text_overrun_behavior = 3
🔗
void set_text_overrun_behavior(value: OverrunBehavior)
OverrunBehavior get_text_overrun_behavior()
Sets the clipping behavior when the text exceeds an item’s bounding rectangle. See OverrunBehavior for a description of all modes.
Method Descriptions
int add_icon_item(icon: Texture2D, selectable: bool = true) 🔗
Adds an item to the item list with no text, only an icon. Returns the index of an added item.
int add_item(text: String, icon: Texture2D = null, selectable: bool = true) 🔗
Adds an item to the item list with specified text. Returns the index of an added item.
Specify an icon
, or use null
as the icon
for a list item with no icon.
If selectable is true
, the list item will be selectable.
void clear() 🔗
Removes all items from the list.
Ensures the item associated with the specified index is not selected.
void deselect_all() 🔗
Ensures there are no items selected.
void ensure_current_is_visible() 🔗
Ensure current selection is visible, adjusting the scroll position as necessary.
void force_update_list_size() 🔗
Forces an update to the list size based on its items. This happens automatically whenever size of the items, or other relevant settings like auto_height, change. The method can be used to trigger the update ahead of next drawing pass.
int get_item_at_position(position: Vector2, exact: bool = false) const 🔗
Returns the item index at the given position
.
When there is no item at that point, -1 will be returned if exact
is true
, and the closest item index will be returned otherwise.
Note: The returned value is unreliable if called right after modifying the ItemList, before it redraws in the next frame.
Color get_item_custom_bg_color(idx: int) const 🔗
Returns the custom background color of the item specified by idx
index.
Color get_item_custom_fg_color(idx: int) const 🔗
Returns the custom foreground color of the item specified by idx
index.
Texture2D get_item_icon(idx: int) const 🔗
Returns the icon associated with the specified index.
Color get_item_icon_modulate(idx: int) const 🔗
Returns a Color modulating item’s icon at the specified index.
Rect2 get_item_icon_region(idx: int) const 🔗
Returns the region of item’s icon used. The whole icon will be used if the region has no area.
String get_item_language(idx: int) const 🔗
Returns item’s text language code.
Variant get_item_metadata(idx: int) const 🔗
Returns the metadata value of the specified index.
Rect2 get_item_rect(idx: int, expand: bool = true) const 🔗
Returns the position and size of the item with the specified index, in the coordinate system of the ItemList node. If expand
is true
the last column expands to fill the rest of the row.
Note: The returned value is unreliable if called right after modifying the ItemList, before it redraws in the next frame.
String get_item_text(idx: int) const 🔗
Returns the text associated with the specified index.
TextDirection get_item_text_direction(idx: int) const 🔗
Returns item’s text base writing direction.
String get_item_tooltip(idx: int) const 🔗
Returns the tooltip hint associated with the specified index.
PackedInt32Array get_selected_items() 🔗
Returns an array with the indexes of the selected items.
VScrollBar get_v_scroll_bar() 🔗
Returns the vertical scrollbar.
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 CanvasItem.visible property.
Returns true
if one or more items are selected.
bool is_item_disabled(idx: int) const 🔗
Returns true
if the item at the specified index is disabled.
bool is_item_icon_transposed(idx: int) const 🔗
Returns true
if the item icon will be drawn transposed, i.e. the X and Y axes are swapped.
bool is_item_selectable(idx: int) const 🔗
Returns true
if the item at the specified index is selectable.
bool is_item_tooltip_enabled(idx: int) const 🔗
Returns true
if the tooltip is enabled for specified item index.
bool is_selected(idx: int) const 🔗
Returns true
if the item at the specified index is currently selected.
void move_item(from_idx: int, to_idx: int) 🔗
Moves item from index from_idx
to to_idx
.
Removes the item specified by idx
index from the list.
void select(idx: int, single: bool = true) 🔗
Select the item at the specified index.
Note: This method does not trigger the item selection signal.
void set_item_custom_bg_color(idx: int, custom_bg_color: Color) 🔗
Sets the background color of the item specified by idx
index to the specified Color.
void set_item_custom_fg_color(idx: int, custom_fg_color: Color) 🔗
Sets the foreground color of the item specified by idx
index to the specified Color.
void set_item_disabled(idx: int, disabled: bool) 🔗
Disables (or enables) the item at the specified index.
Disabled items cannot be selected and do not trigger activation signals (when double-clicking or pressing Enter).
void set_item_icon(idx: int, icon: Texture2D) 🔗
Sets (or replaces) the icon’s Texture2D associated with the specified index.
void set_item_icon_modulate(idx: int, modulate: Color) 🔗
Sets a modulating Color of the item associated with the specified index.
void set_item_icon_region(idx: int, rect: Rect2) 🔗
Sets the region of item’s icon used. The whole icon will be used if the region has no area.
void set_item_icon_transposed(idx: int, transposed: bool) 🔗
Sets whether the item icon will be drawn transposed.
void set_item_language(idx: int, language: String) 🔗
Sets language code of item’s text used for line-breaking and text shaping algorithms, if left empty current locale is used instead.
void set_item_metadata(idx: int, metadata: Variant) 🔗
Sets a value (of any type) to be stored with the item associated with the specified index.
void set_item_selectable(idx: int, selectable: bool) 🔗
Allows or disallows selection of the item associated with the specified index.
void set_item_text(idx: int, text: String) 🔗
Sets text of the item associated with the specified index.
void set_item_text_direction(idx: int, direction: TextDirection) 🔗
Sets item’s text base writing direction.
void set_item_tooltip(idx: int, tooltip: String) 🔗
Sets the tooltip hint for the item associated with the specified index.
void set_item_tooltip_enabled(idx: int, enable: bool) 🔗
Sets whether the tooltip hint is enabled for specified item index.
void sort_items_by_text() 🔗
Sorts items in the list by their text.
Theme Property Descriptions
Color font_color = Color(0.65, 0.65, 0.65, 1)
🔗
Default text Color of the item.
Color font_hovered_color = Color(0.95, 0.95, 0.95, 1)
🔗
Text Color used when the item is hovered and not selected yet.
Color font_outline_color = Color(0, 0, 0, 1)
🔗
The tint of text outline of the item.
Color font_selected_color = Color(1, 1, 1, 1)
🔗
Text Color used when the item is selected.
Color guide_color = Color(0.7, 0.7, 0.7, 0.25)
🔗
Color of the guideline. The guideline is a line drawn between each row of items.
The horizontal spacing between items.
The spacing between item’s icon and text.
The vertical spacing between each line of text.
The size of the item 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.
The vertical spacing between items.
Font of the item’s text.
Font size of the item’s text.
StyleBox used for the cursor, when the ItemList is being focused.
StyleBox used for the cursor, when the ItemList is not being focused.
The focused style for the ItemList, drawn on top of the background, but below everything else.
StyleBox for the hovered, but not selected items.
The background style for the ItemList.
StyleBox for the selected items, used when the ItemList is not being focused.
StyleBox for the selected items, used when the ItemList is being focused.
User-contributed notes
Please read the User-contributed notes policy before submitting a comment.