mirror of
https://github.com/lvgl/lvgl.git
synced 2026-08-17 18:22:42 +08:00
73 lines
2.9 KiB
C
73 lines
2.9 KiB
C
/**
|
|
* @file lv_example_scroll_rtl.c
|
|
*/
|
|
|
|
#include "../lv_examples.h"
|
|
#if LV_BUILD_EXAMPLES
|
|
|
|
/**
|
|
* @title Right-to-left scrolling
|
|
* @brief An RTL base direction moves the vertical scrollbar to the left side.
|
|
*
|
|
* `style_base_dir="rtl"` flips the panel's base direction. The vertical
|
|
* scrollbar is then drawn on the left edge instead of the right, and the
|
|
* property is inherited, so setting it once on the panel is enough. The
|
|
* content itself is ordinary so the placement change is the only visible
|
|
* difference.
|
|
*/
|
|
void lv_example_scroll_rtl(void)
|
|
{
|
|
lv_obj_t * screen = lv_screen_active();
|
|
lv_obj_set_flex_flow(screen, LV_FLEX_FLOW_COLUMN);
|
|
lv_obj_set_style_flex_main_place(screen, LV_FLEX_ALIGN_CENTER, 0);
|
|
lv_obj_set_style_flex_cross_place(screen, LV_FLEX_ALIGN_CENTER, 0);
|
|
lv_obj_set_style_flex_track_place(screen, LV_FLEX_ALIGN_CENTER, 0);
|
|
lv_obj_set_style_pad_row(screen, 12, 0);
|
|
|
|
/* 💡 The scrollbar sits on the LEFT because the panel's base direction is RTL. */
|
|
lv_obj_t * container = lv_obj_create(screen);
|
|
lv_obj_set_size(container, 220, 160);
|
|
lv_obj_set_flex_flow(container, LV_FLEX_FLOW_COLUMN);
|
|
lv_obj_set_style_pad_row(container, 8, 0);
|
|
lv_obj_set_style_base_dir(container, LV_BASE_DIR_RTL, 0);
|
|
lv_obj_set_scrollbar_mode(container, LV_SCROLLBAR_MODE_ON);
|
|
lv_obj_set_style_bg_color(container, lv_color_hex(0x9429ff), LV_PART_SCROLLBAR);
|
|
lv_obj_set_style_bg_opa(container, (255 * 100 / 100), LV_PART_SCROLLBAR);
|
|
lv_obj_t * button_1 = lv_button_create(container);
|
|
lv_obj_set_width(button_1, lv_pct(100));
|
|
lv_obj_t * label_1 = lv_label_create(button_1);
|
|
lv_obj_set_align(label_1, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_1, "Row 1");
|
|
|
|
lv_obj_t * button_2 = lv_button_create(container);
|
|
lv_obj_set_width(button_2, lv_pct(100));
|
|
lv_obj_t * label_2 = lv_label_create(button_2);
|
|
lv_obj_set_align(label_2, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_2, "Row 2");
|
|
|
|
lv_obj_t * button_3 = lv_button_create(container);
|
|
lv_obj_set_width(button_3, lv_pct(100));
|
|
lv_obj_t * label_3 = lv_label_create(button_3);
|
|
lv_obj_set_align(label_3, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_3, "Row 3");
|
|
|
|
lv_obj_t * button_4 = lv_button_create(container);
|
|
lv_obj_set_width(button_4, lv_pct(100));
|
|
lv_obj_t * label_4 = lv_label_create(button_4);
|
|
lv_obj_set_align(label_4, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_4, "Row 4");
|
|
|
|
lv_obj_t * button_5 = lv_button_create(container);
|
|
lv_obj_set_width(button_5, lv_pct(100));
|
|
lv_obj_t * label_5 = lv_label_create(button_5);
|
|
lv_obj_set_align(label_5, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_5, "Row 5");
|
|
|
|
lv_obj_t * button_6 = lv_button_create(container);
|
|
lv_obj_set_width(button_6, lv_pct(100));
|
|
lv_obj_t * label_6 = lv_label_create(button_6);
|
|
lv_obj_set_align(label_6, LV_ALIGN_CENTER);
|
|
lv_label_set_text(label_6, "Row 6");
|
|
}
|
|
#endif
|