1 #include "../../lv_examples.h"
2 #if LV_USE_ROLLER && LV_FONT_MONTSERRAT_22 && LV_BUILD_EXAMPLES
3
event_handler(lv_event_t * e)4 static void event_handler(lv_event_t * e)
5 {
6 lv_event_code_t code = lv_event_get_code(e);
7 lv_obj_t * obj = lv_event_get_target(e);
8 if(code == LV_EVENT_VALUE_CHANGED) {
9 char buf[32];
10 lv_roller_get_selected_str(obj, buf, sizeof(buf));
11 LV_LOG_USER("Selected value: %s", buf);
12 }
13 }
14
15 /**
16 * Roller with various alignments and larger text in the selected area
17 */
lv_example_roller_2(void)18 void lv_example_roller_2(void)
19 {
20 /*A style to make the selected option larger*/
21 static lv_style_t style_sel;
22 lv_style_init(&style_sel);
23 lv_style_set_text_font(&style_sel, &lv_font_montserrat_22);
24 lv_style_set_bg_color(&style_sel, lv_color_hex3(0xf88));
25 lv_style_set_border_width(&style_sel, 2);
26 lv_style_set_border_color(&style_sel, lv_color_hex3(0xf00));
27
28 const char * opts = "1\n2\n3\n4\n5\n6\n7\n8\n9\n10";
29 lv_obj_t * roller;
30
31 /*A roller on the left with left aligned text, and custom width*/
32 roller = lv_roller_create(lv_screen_active());
33 lv_roller_set_options(roller, opts, LV_ROLLER_MODE_NORMAL);
34 lv_roller_set_visible_row_count(roller, 2);
35 lv_obj_set_width(roller, 100);
36 lv_obj_add_style(roller, &style_sel, LV_PART_SELECTED);
37 lv_obj_set_style_text_align(roller, LV_TEXT_ALIGN_LEFT, 0);
38 lv_obj_set_style_bg_color(roller, lv_color_hex3(0x0f0), 0);
39 lv_obj_set_style_bg_grad_color(roller, lv_color_hex3(0xafa), 0);
40 lv_obj_set_style_bg_grad_dir(roller, LV_GRAD_DIR_VER, 0);
41 lv_obj_align(roller, LV_ALIGN_LEFT_MID, 10, 0);
42 lv_obj_add_event_cb(roller, event_handler, LV_EVENT_ALL, NULL);
43 lv_roller_set_selected(roller, 2, LV_ANIM_OFF);
44
45 /*A roller on the middle with center aligned text, and auto (default) width*/
46 roller = lv_roller_create(lv_screen_active());
47 lv_roller_set_options(roller, opts, LV_ROLLER_MODE_NORMAL);
48 lv_roller_set_visible_row_count(roller, 3);
49 lv_obj_add_style(roller, &style_sel, LV_PART_SELECTED);
50 lv_obj_align(roller, LV_ALIGN_CENTER, 0, 0);
51 lv_obj_add_event_cb(roller, event_handler, LV_EVENT_ALL, NULL);
52 lv_roller_set_selected(roller, 5, LV_ANIM_OFF);
53
54 /*A roller on the right with right aligned text, and custom width*/
55 roller = lv_roller_create(lv_screen_active());
56 lv_roller_set_options(roller, opts, LV_ROLLER_MODE_NORMAL);
57 lv_roller_set_visible_row_count(roller, 4);
58 lv_obj_set_width(roller, 80);
59 lv_obj_add_style(roller, &style_sel, LV_PART_SELECTED);
60 lv_obj_set_style_text_align(roller, LV_TEXT_ALIGN_RIGHT, 0);
61 lv_obj_align(roller, LV_ALIGN_RIGHT_MID, -10, 0);
62 lv_obj_add_event_cb(roller, event_handler, LV_EVENT_ALL, NULL);
63 lv_roller_set_selected(roller, 8, LV_ANIM_OFF);
64 }
65
66 #endif
67
