Godot
/
godot-docs
mirror of https://github.com/godotengine/godot-docs.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
							:github_url: hide

.. Generated automatically by doc/tools/make_rst.py in Godot's source tree.
.. DO NOT EDIT THIS FILE, but the CheckBox.xml source instead.
.. The source is found in doc/classes or modules/<name>/doc_classes.

.. _class_CheckBox:

CheckBox
========

**Inherits:** :ref:`Button<class_Button>` **<** :ref:`BaseButton<class_BaseButton>` **<** :ref:`Control<class_Control>` **<** :ref:`CanvasItem<class_CanvasItem>` **<** :ref:`Node<class_Node>` **<** :ref:`Object<class_Object>`

Binary choice user interface widget. See also :ref:`CheckButton<class_CheckButton>`.

Description
-----------

A checkbox allows the user to make a binary choice (choosing only one of two possible options). It's similar to :ref:`CheckButton<class_CheckButton>` in functionality, but it has a different appearance. To follow established UX patterns, it's recommended to use CheckBox when toggling it has **no** immediate effect on something. For instance, it should be used when toggling it will only do something once a confirmation button is pressed.

See also :ref:`BaseButton<class_BaseButton>` which contains common properties and methods associated with this node.

Properties
----------

+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+
| :ref:`HorizontalAlignment<enum_@GlobalScope_HorizontalAlignment>` | alignment   | ``0`` (overrides :ref:`Button<class_Button_property_alignment>`)              |
+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+
| :ref:`bool<class_bool>`                                           | toggle_mode | ``true`` (overrides :ref:`BaseButton<class_BaseButton_property_toggle_mode>`) |
+-------------------------------------------------------------------+-------------+-------------------------------------------------------------------------------+

Theme Properties
----------------

+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_color<class_CheckBox_theme_color_font_color>`                             | ``Color(0.875, 0.875, 0.875, 1)``   |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_disabled_color<class_CheckBox_theme_color_font_disabled_color>`           | ``Color(0.875, 0.875, 0.875, 0.5)`` |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_focus_color<class_CheckBox_theme_color_font_focus_color>`                 | ``Color(0.95, 0.95, 0.95, 1)``      |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_hover_color<class_CheckBox_theme_color_font_hover_color>`                 | ``Color(0.95, 0.95, 0.95, 1)``      |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_hover_pressed_color<class_CheckBox_theme_color_font_hover_pressed_color>` | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_outline_color<class_CheckBox_theme_color_font_outline_color>`             | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Color<class_Color>`         | :ref:`font_pressed_color<class_CheckBox_theme_color_font_pressed_color>`             | ``Color(1, 1, 1, 1)``               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`check_vadjust<class_CheckBox_theme_constant_check_vadjust>`                    | ``0``                               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`hseparation<class_CheckBox_theme_constant_hseparation>`                        | ``4``                               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`outline_size<class_CheckBox_theme_constant_outline_size>`                      | ``0``                               |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Font<class_Font>`           | :ref:`font<class_CheckBox_theme_font_font>`                                          |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`int<class_int>`             | :ref:`font_size<class_CheckBox_theme_font_size_font_size>`                           |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`checked<class_CheckBox_theme_icon_checked>`                                    |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`checked_disabled<class_CheckBox_theme_icon_checked_disabled>`                  |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`radio_checked<class_CheckBox_theme_icon_radio_checked>`                        |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`radio_checked_disabled<class_CheckBox_theme_icon_radio_checked_disabled>`      |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`radio_unchecked<class_CheckBox_theme_icon_radio_unchecked>`                    |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`radio_unchecked_disabled<class_CheckBox_theme_icon_radio_unchecked_disabled>`  |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`unchecked<class_CheckBox_theme_icon_unchecked>`                                |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`Texture2D<class_Texture2D>` | :ref:`unchecked_disabled<class_CheckBox_theme_icon_unchecked_disabled>`              |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`disabled<class_CheckBox_theme_style_disabled>`                                 |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`focus<class_CheckBox_theme_style_focus>`                                       |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`hover<class_CheckBox_theme_style_hover>`                                       |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`hover_pressed<class_CheckBox_theme_style_hover_pressed>`                       |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`normal<class_CheckBox_theme_style_normal>`                                     |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+
| :ref:`StyleBox<class_StyleBox>`   | :ref:`pressed<class_CheckBox_theme_style_pressed>`                                   |                                     |
+-----------------------------------+--------------------------------------------------------------------------------------+-------------------------------------+

Theme Property Descriptions
---------------------------

.. _class_CheckBox_theme_color_font_color:

- :ref:`Color<class_Color>` **font_color**

+-----------+-----------------------------------+
| *Default* | ``Color(0.875, 0.875, 0.875, 1)`` |
+-----------+-----------------------------------+

The ``CheckBox`` text's font color.

----

.. _class_CheckBox_theme_color_font_disabled_color:

- :ref:`Color<class_Color>` **font_disabled_color**

+-----------+-------------------------------------+
| *Default* | ``Color(0.875, 0.875, 0.875, 0.5)`` |
+-----------+-------------------------------------+

The ``CheckBox`` text's font color when it's disabled.

----

.. _class_CheckBox_theme_color_font_focus_color:

- :ref:`Color<class_Color>` **font_focus_color**

+-----------+--------------------------------+
| *Default* | ``Color(0.95, 0.95, 0.95, 1)`` |
+-----------+--------------------------------+

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.

----

.. _class_CheckBox_theme_color_font_hover_color:

- :ref:`Color<class_Color>` **font_hover_color**

+-----------+--------------------------------+
| *Default* | ``Color(0.95, 0.95, 0.95, 1)`` |
+-----------+--------------------------------+

The ``CheckBox`` text's font color when it's hovered.

----

.. _class_CheckBox_theme_color_font_hover_pressed_color:

- :ref:`Color<class_Color>` **font_hover_pressed_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The ``CheckBox`` text's font color when it's hovered and pressed.

----

.. _class_CheckBox_theme_color_font_outline_color:

- :ref:`Color<class_Color>` **font_outline_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The tint of text outline of the ``CheckBox``.

----

.. _class_CheckBox_theme_color_font_pressed_color:

- :ref:`Color<class_Color>` **font_pressed_color**

+-----------+-----------------------+
| *Default* | ``Color(1, 1, 1, 1)`` |
+-----------+-----------------------+

The ``CheckBox`` text's font color when it's pressed.

----

.. _class_CheckBox_theme_constant_check_vadjust:

- :ref:`int<class_int>` **check_vadjust**

+-----------+-------+
| *Default* | ``0`` |
+-----------+-------+

The vertical offset used when rendering the check icons (in pixels).

----

.. _class_CheckBox_theme_constant_hseparation:

- :ref:`int<class_int>` **hseparation**

+-----------+-------+
| *Default* | ``4`` |
+-----------+-------+

The separation between the check icon and the text (in pixels).

----

.. _class_CheckBox_theme_constant_outline_size:

- :ref:`int<class_int>` **outline_size**

+-----------+-------+
| *Default* | ``0`` |
+-----------+-------+

The size of the text outline.

----

.. _class_CheckBox_theme_font_font:

- :ref:`Font<class_Font>` **font**

The :ref:`Font<class_Font>` to use for the ``CheckBox`` text.

----

.. _class_CheckBox_theme_font_size_font_size:

- :ref:`int<class_int>` **font_size**

Font size of the ``CheckBox``'s text.

----

.. _class_CheckBox_theme_icon_checked:

- :ref:`Texture2D<class_Texture2D>` **checked**

The check icon to display when the ``CheckBox`` is checked.

----

.. _class_CheckBox_theme_icon_checked_disabled:

- :ref:`Texture2D<class_Texture2D>` **checked_disabled**

The check icon to display when the ``CheckBox`` is checked and disabled.

----

.. _class_CheckBox_theme_icon_radio_checked:

- :ref:`Texture2D<class_Texture2D>` **radio_checked**

If the ``CheckBox`` is configured as a radio button, the icon to display when the ``CheckBox`` is checked.

----

.. _class_CheckBox_theme_icon_radio_checked_disabled:

- :ref:`Texture2D<class_Texture2D>` **radio_checked_disabled**

----

.. _class_CheckBox_theme_icon_radio_unchecked:

- :ref:`Texture2D<class_Texture2D>` **radio_unchecked**

If the ``CheckBox`` is configured as a radio button, the icon to display when the ``CheckBox`` is unchecked.

----

.. _class_CheckBox_theme_icon_radio_unchecked_disabled:

- :ref:`Texture2D<class_Texture2D>` **radio_unchecked_disabled**

----

.. _class_CheckBox_theme_icon_unchecked:

- :ref:`Texture2D<class_Texture2D>` **unchecked**

The check icon to display when the ``CheckBox`` is unchecked.

----

.. _class_CheckBox_theme_icon_unchecked_disabled:

- :ref:`Texture2D<class_Texture2D>` **unchecked_disabled**

The check icon to display when the ``CheckBox`` is unchecked and disabled.

----

.. _class_CheckBox_theme_style_disabled:

- :ref:`StyleBox<class_StyleBox>` **disabled**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckBox`` is disabled.

----

.. _class_CheckBox_theme_style_focus:

- :ref:`StyleBox<class_StyleBox>` **focus**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckBox`` is focused. The ``focus`` :ref:`StyleBox<class_StyleBox>` is displayed *over* the base :ref:`StyleBox<class_StyleBox>`, so a partially transparent :ref:`StyleBox<class_StyleBox>` should be used to ensure the base :ref:`StyleBox<class_StyleBox>` remains visible. A :ref:`StyleBox<class_StyleBox>` that represents an outline or an underline works well for this purpose. To disable the focus visual effect, assign a :ref:`StyleBoxEmpty<class_StyleBoxEmpty>` resource. Note that disabling the focus visual effect will harm keyboard/controller navigation usability, so this is not recommended for accessibility reasons.

----

.. _class_CheckBox_theme_style_hover:

- :ref:`StyleBox<class_StyleBox>` **hover**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckBox`` is hovered.

----

.. _class_CheckBox_theme_style_hover_pressed:

- :ref:`StyleBox<class_StyleBox>` **hover_pressed**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckBox`` is hovered and pressed.

----

.. _class_CheckBox_theme_style_normal:

- :ref:`StyleBox<class_StyleBox>` **normal**

The :ref:`StyleBox<class_StyleBox>` to display as a background.

----

.. _class_CheckBox_theme_style_pressed:

- :ref:`StyleBox<class_StyleBox>` **pressed**

The :ref:`StyleBox<class_StyleBox>` to display as a background when the ``CheckBox`` is pressed.

.. |virtual| replace:: :abbr:`virtual (This method should typically be overridden by the user to have any effect.)`
.. |const| replace:: :abbr:`const (This method has no side effects. It doesn't modify any of the instance's member variables.)`
.. |vararg| replace:: :abbr:`vararg (This method accepts any number of arguments after the ones described here.)`
.. |constructor| replace:: :abbr:`constructor (This method is used to construct a type.)`
.. |static| replace:: :abbr:`static (This method doesn't need an instance to be called, so it can be called directly using the class name.)`
.. |operator| replace:: :abbr:`operator (This method describes a valid operator to use with this type as left-hand operand.)`