2021-04-12 18:19:04 +02:00
```eval_rst
.. include:: /header.rst
:github_url: |github_link_base|/widgets/checkbox.md
```
2021-05-03 17:32:57 +02:00
# Checkbox (lv_checkbox)
2021-04-12 18:19:04 +02:00
## Overview
2021-06-09 15:10:35 +02:00
The Checkbox object is created from a "tick box" and a label. When the Chackbox is clicked the tick box is toggled.
2021-04-12 18:19:04 +02:00
## Parts and Styles
2021-05-03 17:32:57 +02:00
- `LV_PART_MAIN` The is the background of the Checkbox and it uses the text and all the typical backround style properties.
`pad_column` adjusts the spacing between the tickbox and the label
2021-06-09 15:10:35 +02:00
- `LV_PART_INDICATOR` The "tick box" is a square that uses all the typical backround style properties.
By default its size is equal to the height of the main part's font. Padding properties make the tick box larger in the respective directions.
2021-04-12 18:19:04 +02:00
2021-06-09 15:10:35 +02:00
The Checkbox is added to the default group (if it is set).
2021-04-12 18:19:04 +02:00
## Usage
### Text
2021-06-09 15:10:35 +02:00
The text can be modified with the `lv_checkbox_set_text(cb, "New text")` function and will be dynamically allocated.
2021-05-03 17:32:57 +02:00
To set a static text,
2021-06-09 15:10:35 +02:00
use `lv_checkbox_set_static_text(cb, txt)` . This way, only a pointer to `txt` will be stored. The text then shouldn't be deallocated while the checkbox exists.
2021-05-03 17:32:57 +02:00
### Check, uncheck, disable
2021-06-09 15:10:35 +02:00
You can manually check, un-check, and disable the Checkbox by using the common state add/clear function:
2021-05-03 17:32:57 +02:00
```c
lv_obj_add_state(cb, LV_STATE_CHECKED); /*Make the chekbox checked*/
lv_obj_clear_state(cb, LV_STATE_CHECKED); /*MAke the checkbox unchecked*/
lv_obj_add_state(cb, LV_STATE_CHECKED | LV_STATE_DISABLED); /*Make the checkbox checked and disabled*/
```
2021-04-12 18:19:04 +02:00
## Events
2021-05-03 17:32:57 +02:00
- `LV_EVENT_VALUE_CHANGED` Sent when the checkbox is toggled.
- `LV_EVENT_DRAW_PART_BEGIN` and `LV_EVENT_DRAW_PART_END` are sent for both main and indicator parts to allow hooking the drawing.
2021-06-09 15:10:35 +02:00
For more detail on the main part see the [Base object ](/widgets/obj#events )'s documentation.
2021-05-03 17:32:57 +02:00
For the indicator the following fields are used: `clip_area` , `draw_area` , `rect_dsc` , `part` .
2021-04-12 18:19:04 +02:00
Learn more about [Events ](/overview/event ).
## Keys
The following *Keys* are processed by the 'Buttons':
2021-05-03 17:32:57 +02:00
- `LV_KEY_RIGHT/UP` Go to toggled state if toggling is enabled
- `LV_KEY_LEFT/DOWN` Go to non-toggled state if toggling is enabled
- `LV_KEY_ENTER` Clicks the checkbox and toggles it
2021-04-12 18:19:04 +02:00
Note that, as usual, the state of `LV_KEY_ENTER` is translated to `LV_EVENT_PRESSED/PRESSING/RELEASED` etc.
Learn more about [Keys ](/overview/indev ).
## Example
```eval_rst
2021-05-03 17:32:57 +02:00
.. include:: ../../../examples/widgets/checkbox/index.rst
2021-04-12 18:19:04 +02:00
```
## API
```eval_rst
.. doxygenfile:: lv_checkbox.h
:project: lvgl
```