Lines Matching refs:slider
344 :alt: Styling a slider with LVGL
346 Styling a slider with LVGL
364 lv_obj_t * slider = lv_slider_create(lv_screen_active());
365 lv_slider_set_value(slider, 70, LV_ANIM_OFF);
366 lv_obj_set_size(slider, 300, 20);
367 lv_obj_center(slider);
370 lv_obj_set_style_bg_color(slider, lv_color_hex(0x0F1215), LV_PART_MAIN);
371 lv_obj_set_style_bg_opa(slider, 255, LV_PART_MAIN);
372 lv_obj_set_style_border_color(slider, lv_color_hex(0x333943), LV_PART_MAIN);
373 lv_obj_set_style_border_width(slider, 5, LV_PART_MAIN);
374 lv_obj_set_style_pad_all(slider, 5, LV_PART_MAIN);
386 /*Add the style sheet to the slider's INDICATOR part*/
387 lv_obj_add_style(slider, &style_indicator, LV_PART_INDICATOR);
390 lv_obj_add_style(slider, &style_indicator, LV_PART_KNOB);
392 lv_obj_set_style_outline_color(slider, lv_color_hex(0x0096FF), LV_PART_KNOB);
393 lv_obj_set_style_outline_width(slider, 3, LV_PART_KNOB);
394 lv_obj_set_style_outline_pad(slider, -5, LV_PART_KNOB);
395 lv_obj_set_style_shadow_spread(slider, 2, LV_PART_KNOB);
417 # Create a slider and add the style
418 slider = lv.slider(lv.scr_act())
419 slider.set_value(70, lv.ANIM.OFF)
420 slider.set_size(300, 20)
421 slider.center()
424 slider.set_style_bg_color(lv.color_hex(0x0F1215), lv.PART.MAIN)
425 slider.set_style_bg_opa(255, lv.PART.MAIN)
426 slider.set_style_border_color(lv.color_hex(0x333943), lv.PART.MAIN)
427 slider.set_style_border_width(5, lv.PART.MAIN)
428 slider.set_style_pad_all(5, lv.PART.MAIN)
440 # Add the style sheet to the slider's INDICATOR part
441 slider.add_style(style_indicator, lv.PART.INDICATOR)
442 slider.add_style(style_indicator, lv.PART.KNOB)
445 slider.set_style_outline_color(lv.color_hex(0x0096FF), lv.PART.KNOB)
446 slider.set_style_outline_width(3, lv.PART.KNOB)
447 slider.set_style_outline_pad(-5, lv.PART.KNOB)
448 slider.set_style_shadow_spread(2, lv.PART.KNOB)