2017-09-13 04:42:36 +08:00
<?xml version="1.0" encoding="UTF-8" ?>
2023-03-01 08:44:37 +08:00
<class name= "CheckBox" inherits= "Button" version= "4.1" xmlns:xsi= "http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation= "../class.xsd" >
2017-09-13 04:42:36 +08:00
<brief_description >
2020-01-31 03:02:27 +08:00
Binary choice user interface widget. See also [CheckButton].
2017-09-13 04:42:36 +08:00
</brief_description>
<description >
2022-10-20 10:09:17 +08:00
A checkbox allows the user to make a binary choice (choosing only one of two possible options). It's similar to [CheckButton] in functionality, but it has a different appearance. To follow established UX patterns, it's recommended to use CheckBox when toggling it has [b]no[/b] immediate effect on something. For example, it could be used when toggling it will only do something once a confirmation button is pressed.
2020-09-24 05:34:28 +08:00
See also [BaseButton] which contains common properties and methods associated with this node.
2023-03-20 12:55:04 +08:00
[b]Note:[/b] CheckBox changes its appearance when it's configured as a radio button. See various [code]radio_*[/code] theme properties. To configure CheckBox to act as a radio button, use [member BaseButton.button_group] and [ButtonGroup].
2017-09-13 04:42:36 +08:00
</description>
<tutorials >
</tutorials>
2019-09-03 18:44:58 +08:00
<members >
2021-11-25 10:58:47 +08:00
<member name= "alignment" type= "int" setter= "set_text_alignment" getter= "get_text_alignment" overrides= "Button" enum= "HorizontalAlignment" default= "0" />
2021-12-03 03:38:49 +08:00
<member name= "toggle_mode" type= "bool" setter= "set_toggle_mode" getter= "is_toggle_mode" overrides= "BaseButton" default= "true" />
2019-09-03 18:44:58 +08:00
</members>
2017-09-13 04:42:36 +08:00
<theme_items >
2021-12-31 00:22:06 +08:00
<theme_item name= "font_color" data_type= "color" type= "Color" default= "Color(0.875, 0.875, 0.875, 1)" >
2020-01-31 03:02:27 +08:00
The [CheckBox] text's font color.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-12-31 00:22:06 +08:00
<theme_item name= "font_disabled_color" data_type= "color" type= "Color" default= "Color(0.875, 0.875, 0.875, 0.5)" >
2020-01-31 03:02:27 +08:00
The [CheckBox] text's font color when it's disabled.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-12-31 00:22:06 +08:00
<theme_item name= "font_focus_color" data_type= "color" type= "Color" default= "Color(0.95, 0.95, 0.95, 1)" >
2021-10-26 22:28:12 +08:00
The [CheckBox] text's font color when it's focused. Only replaces the normal text color of the checkbox. Disabled, hovered, and pressed states take precedence over this color.
</theme_item>
2021-12-31 00:22:06 +08:00
<theme_item name= "font_hover_color" data_type= "color" type= "Color" default= "Color(0.95, 0.95, 0.95, 1)" >
2020-01-31 03:02:27 +08:00
The [CheckBox] text's font color when it's hovered.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "font_hover_pressed_color" data_type= "color" type= "Color" default= "Color(1, 1, 1, 1)" >
2020-01-31 03:02:27 +08:00
The [CheckBox] text's font color when it's hovered and pressed.
2018-10-07 21:52:07 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "font_outline_color" data_type= "color" type= "Color" default= "Color(1, 1, 1, 1)" >
2020-12-26 05:45:28 +08:00
The tint of text outline of the [CheckBox].
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "font_pressed_color" data_type= "color" type= "Color" default= "Color(1, 1, 1, 1)" >
2020-01-31 03:02:27 +08:00
The [CheckBox] text's font color when it's pressed.
2017-09-13 04:42:36 +08:00
</theme_item>
2022-09-07 01:09:32 +08:00
<theme_item name= "check_v_offset" data_type= "constant" type= "int" default= "0" >
2021-12-02 02:02:20 +08:00
The vertical offset used when rendering the check icons (in pixels).
2018-10-07 21:52:07 +08:00
</theme_item>
2022-04-15 05:20:28 +08:00
<theme_item name= "h_separation" data_type= "constant" type= "int" default= "4" >
2022-08-12 19:39:22 +08:00
The separation between the check icon and the text (in pixels). Negative values will be treated as [code]0[/code] when used.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "outline_size" data_type= "constant" type= "int" default= "0" >
2020-12-26 05:45:28 +08:00
The size of the text outline.
2022-12-20 00:15:44 +08:00
[b]Note:[/b] If using a font with [member FontFile.multichannel_signed_distance_field] enabled, its [member FontFile.msdf_pixel_range] must be set to at least [i]twice[/i] the value of [theme_item outline_size] for outline rendering to look correct. Otherwise, the outline may appear to be cut off earlier than intended.
2020-12-26 05:45:28 +08:00
</theme_item>
2021-12-02 02:02:20 +08:00
<theme_item name= "font" data_type= "font" type= "Font" >
The [Font] to use for the [CheckBox] text.
</theme_item>
<theme_item name= "font_size" data_type= "font_size" type= "int" >
Font size of the [CheckBox]'s text.
</theme_item>
<theme_item name= "checked" data_type= "icon" type= "Texture2D" >
The check icon to display when the [CheckBox] is checked.
</theme_item>
<theme_item name= "checked_disabled" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is checked and is disabled.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "radio_checked" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is configured as a radio button and is checked.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "radio_checked_disabled" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is configured as a radio button, is disabled, and is unchecked.
2021-03-25 19:19:51 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "radio_unchecked" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is configured as a radio button and is unchecked.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "radio_unchecked_disabled" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is configured as a radio button, is disabled, and is unchecked.
2021-03-25 19:19:51 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "unchecked" data_type= "icon" type= "Texture2D" >
2020-01-31 03:02:27 +08:00
The check icon to display when the [CheckBox] is unchecked.
2017-09-13 04:42:36 +08:00
</theme_item>
2021-08-05 00:54:41 +08:00
<theme_item name= "unchecked_disabled" data_type= "icon" type= "Texture2D" >
2022-03-26 10:12:13 +08:00
The check icon to display when the [CheckBox] is unchecked and is disabled.
2021-03-25 19:19:51 +08:00
</theme_item>
2021-12-02 02:02:20 +08:00
<theme_item name= "disabled" data_type= "style" type= "StyleBox" >
The [StyleBox] to display as a background when the [CheckBox] is disabled.
</theme_item>
<theme_item name= "focus" data_type= "style" type= "StyleBox" >
2021-11-21 00:43:34 +08:00
The [StyleBox] to display as a background when the [CheckBox] is focused. The [code]focus[/code] [StyleBox] is displayed [i]over[/i] the base [StyleBox], 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.
2021-12-02 02:02:20 +08:00
</theme_item>
<theme_item name= "hover" data_type= "style" type= "StyleBox" >
The [StyleBox] to display as a background when the [CheckBox] is hovered.
</theme_item>
<theme_item name= "hover_pressed" data_type= "style" type= "StyleBox" >
The [StyleBox] to display as a background when the [CheckBox] is hovered and pressed.
</theme_item>
<theme_item name= "normal" data_type= "style" type= "StyleBox" >
The [StyleBox] to display as a background.
</theme_item>
<theme_item name= "pressed" data_type= "style" type= "StyleBox" >
The [StyleBox] to display as a background when the [CheckBox] is pressed.
</theme_item>
2017-09-13 04:42:36 +08:00
</theme_items>
</class>