diff --git a/examples/widgets/checkbox/index.rst b/examples/widgets/checkbox/index.rst index 107664514..e24f01429 100644 --- a/examples/widgets/checkbox/index.rst +++ b/examples/widgets/checkbox/index.rst @@ -5,3 +5,8 @@ Simple Checkboxes .. lv_example:: widgets/checkbox/lv_example_checkbox_1 :language: c +Checkboxes as radio buttons +""""""""""""""""""""""""""" +.. lv_example:: widgets/checkbox/lv_example_checkbox_2 + :language: c + diff --git a/examples/widgets/checkbox/lv_example_checkbox_2.c b/examples/widgets/checkbox/lv_example_checkbox_2.c new file mode 100644 index 000000000..a62556143 --- /dev/null +++ b/examples/widgets/checkbox/lv_example_checkbox_2.c @@ -0,0 +1,86 @@ +#include "../../lv_examples.h" +#if LV_USE_CHECKBOX && LV_BUILD_EXAMPLES + +static lv_style_t style_radio; +static lv_style_t style_radio_chk; +static uint32_t active_index_1 = 0; +static uint32_t active_index_2 = 0; + +static void radio_event_handler(lv_event_t * e) +{ + uint32_t * active_id = lv_event_get_user_data(e); + lv_obj_t * cont = lv_event_get_current_target(e); + lv_obj_t * act_cb = lv_event_get_target(e); + lv_obj_t * old_cb = lv_obj_get_child(cont, *active_id); + + /*Do nothing if the container was clicked*/ + if(act_cb == cont) return; + + lv_obj_clear_state(old_cb, LV_STATE_CHECKED); /*Uncheck the previous radio button*/ + lv_obj_add_state(act_cb, LV_STATE_CHECKED); /*Uncheck the curernt radio button*/ + + *active_id = lv_obj_get_index(act_cb); + + LV_LOG_USER("Selected radio buttons: %d, %d\n", active_index_1, active_index_2); +} + + +static void radiobutton_create(lv_obj_t * parent, const char * txt) +{ + lv_obj_t * obj = lv_checkbox_create(parent); + lv_checkbox_set_text(obj, txt); + lv_obj_add_flag(obj, LV_OBJ_FLAG_EVENT_BUBBLE); + lv_obj_add_style(obj, &style_radio, LV_PART_INDICATOR); + lv_obj_add_style(obj, &style_radio_chk, LV_PART_INDICATOR | LV_STATE_CHECKED); +} + +/** + * Checkboxes as radio buttons + */ +void lv_example_checkbox_2(void) +{ + /* The idea is to enable `LV_OBJ_FLAG_EVENT_BUBBLE` on checkboxes and process the + * `LV_EVENT_CLICKED` on the container. + * A variable is passed as event user data where the index of the active + * redio butto nis saved */ + + + lv_style_init(&style_radio); + lv_style_set_radius(&style_radio, LV_RADIUS_CIRCLE); + + lv_style_init(&style_radio_chk); + lv_style_set_bg_img_src(&style_radio_chk, NULL); + + uint32_t i; + char buf[32]; + + lv_obj_t * cont1 = lv_obj_create(lv_scr_act()); + lv_obj_set_flex_flow(cont1, LV_FLEX_FLOW_COLUMN); + lv_obj_set_size(cont1, lv_pct(40), lv_pct(80)); + lv_obj_add_event_cb(cont1, radio_event_handler, LV_EVENT_CLICKED, &active_index_1); + + for (i = 0;i < 5;i++) { + lv_snprintf(buf, sizeof(buf), "A %d", i + 1); + radiobutton_create(cont1, buf); + + } + /*Make the first checkbox checked*/ + lv_obj_add_state(lv_obj_get_child(cont1, 0), LV_STATE_CHECKED); + + lv_obj_t * cont2 = lv_obj_create(lv_scr_act()); + lv_obj_set_flex_flow(cont2, LV_FLEX_FLOW_COLUMN); + lv_obj_set_size(cont2, lv_pct(40), lv_pct(80)); + lv_obj_set_x(cont2, lv_pct(50)); + lv_obj_add_event_cb(cont2, radio_event_handler, LV_EVENT_CLICKED, &active_index_2); + + for (i = 0;i < 3;i++) { + lv_snprintf(buf, sizeof(buf), "B %d", i + 1); + radiobutton_create(cont2, buf); + } + + /*Make the first checkbox checked*/ + lv_obj_add_state(lv_obj_get_child(cont2, 0), LV_STATE_CHECKED); +} + + +#endif diff --git a/examples/widgets/lv_example_widgets.h b/examples/widgets/lv_example_widgets.h index 0d7feb914..b7e0a111b 100644 --- a/examples/widgets/lv_example_widgets.h +++ b/examples/widgets/lv_example_widgets.h @@ -60,6 +60,7 @@ void lv_example_chart_7(void); void lv_example_chart_8(void); void lv_example_checkbox_1(void); +void lv_example_checkbox_2(void); void lv_example_colorwheel_1(void);