147 lines
5.1 KiB
C
147 lines
5.1 KiB
C
#include "../lv_examples.h"
|
|
#if LV_BUILD_EXAMPLES && LV_USE_FLEX
|
|
|
|
|
|
/*
|
|
* Circular list implementation based on:
|
|
* Reference: https://blog.csdn.net/TQW4321/article/details/145434819
|
|
*/
|
|
|
|
/* Applies to both width (for row items) and height (for column items) */
|
|
#define ITEM_SIZE 80
|
|
|
|
/* Function to calculate the total content width of the container */
|
|
static int32_t get_content_width(lv_obj_t * cont)
|
|
{
|
|
int32_t w = 0;
|
|
int32_t pad_column = lv_obj_get_style_pad_column(cont, LV_PART_MAIN); // 列间距
|
|
int total = lv_obj_get_child_count(cont);
|
|
|
|
for(int i = 0; i < total; i++) {
|
|
w += lv_obj_get_width(lv_obj_get_child(cont, i));
|
|
if(i < total - 1) w += pad_column;
|
|
}
|
|
return w + lv_obj_get_style_pad_left(cont, LV_PART_MAIN)
|
|
+ lv_obj_get_style_pad_right(cont, LV_PART_MAIN);
|
|
}
|
|
|
|
/* Scroll event callback for row layout */
|
|
static void cont_row_scroll_event_cb(lv_event_t * e)
|
|
{
|
|
static bool is_adjusting = false;
|
|
lv_obj_t * cont = lv_event_get_current_target_obj(e);
|
|
|
|
if(!is_adjusting) {
|
|
is_adjusting = true;
|
|
int32_t scroll_x = lv_obj_get_scroll_x(cont);
|
|
int32_t cont_w = lv_obj_get_width(cont);
|
|
int32_t content_w = get_content_width(cont);
|
|
|
|
/* Use ITEM_SIZE as horizontal item width */
|
|
const int32_t item_width = ITEM_SIZE;
|
|
|
|
if(scroll_x <= 0) {
|
|
lv_obj_t * last_child = lv_obj_get_child(cont, lv_obj_get_child_count(cont) - 1);
|
|
lv_obj_move_to_index(last_child, 0);
|
|
lv_obj_scroll_to_x(cont, scroll_x + item_width, LV_ANIM_OFF);
|
|
}
|
|
else if(scroll_x > content_w - cont_w) {
|
|
lv_obj_t * first_child = lv_obj_get_child(cont, 0);
|
|
lv_obj_move_to_index(first_child, lv_obj_get_child_count(cont) - 1);
|
|
lv_obj_scroll_to_x(cont, scroll_x - item_width, LV_ANIM_OFF);
|
|
}
|
|
is_adjusting = false;
|
|
}
|
|
}
|
|
|
|
/* Function to calculate the total content height of the container */
|
|
static int32_t get_content_height(lv_obj_t * cont)
|
|
{
|
|
int32_t h = 0;
|
|
int32_t pad_row = lv_obj_get_style_pad_row(cont, LV_PART_MAIN);
|
|
int total = lv_obj_get_child_count(cont);
|
|
|
|
for(int i = 0; i < total; i++) {
|
|
h += lv_obj_get_height(lv_obj_get_child(cont, i));
|
|
if(i < total - 1) h += pad_row;
|
|
}
|
|
return h + lv_obj_get_style_pad_top(cont, LV_PART_MAIN)
|
|
+ lv_obj_get_style_pad_bottom(cont, LV_PART_MAIN);
|
|
}
|
|
|
|
/* Scroll event callback for column layout */
|
|
static void cont_col_scroll_event_cb(lv_event_t * e)
|
|
{
|
|
static bool is_adjusting = false;
|
|
lv_obj_t * cont = lv_event_get_current_target_obj(e);
|
|
|
|
if(!is_adjusting) {
|
|
is_adjusting = true;
|
|
int32_t scroll_y = lv_obj_get_scroll_y(cont);
|
|
int32_t cont_h = lv_obj_get_height(cont);
|
|
int32_t content_h = get_content_height(cont);
|
|
|
|
/* Use ITEM_SIZE as vertical item height */
|
|
const int32_t item_height = ITEM_SIZE;
|
|
|
|
if(scroll_y <= 0) {
|
|
lv_obj_t * last_child = lv_obj_get_child(cont, lv_obj_get_child_count(cont) - 1);
|
|
lv_obj_move_to_index(last_child, 0);
|
|
lv_obj_scroll_to_y(cont, scroll_y + item_height, LV_ANIM_OFF);
|
|
}
|
|
else if(scroll_y > content_h - cont_h) {
|
|
lv_obj_t * first_child = lv_obj_get_child(cont, 0);
|
|
lv_obj_move_to_index(first_child, lv_obj_get_child_count(cont) - 1);
|
|
lv_obj_scroll_to_y(cont, scroll_y - item_height, LV_ANIM_OFF);
|
|
}
|
|
is_adjusting = false;
|
|
}
|
|
}
|
|
|
|
void lv_example_scroll_8(void)
|
|
{
|
|
/* Create a scroll container with ROW flex direction */
|
|
lv_obj_t * cont_row = lv_obj_create(lv_screen_active());
|
|
lv_obj_set_size(cont_row, 300, 75);
|
|
lv_obj_align(cont_row, LV_ALIGN_TOP_MID, 0, 5);
|
|
lv_obj_set_flex_flow(cont_row, LV_FLEX_FLOW_ROW);
|
|
lv_obj_add_event_cb(cont_row, cont_row_scroll_event_cb, LV_EVENT_SCROLL, NULL);
|
|
/* Hide scrollbar visuals */
|
|
lv_obj_set_scrollbar_mode(cont_row, LV_SCROLLBAR_MODE_OFF);
|
|
|
|
/* Create a scroll container with COLUMN flex direction */
|
|
lv_obj_t * cont_col = lv_obj_create(lv_screen_active());
|
|
lv_obj_set_size(cont_col, 200, 150);
|
|
lv_obj_align_to(cont_col, cont_row, LV_ALIGN_OUT_BOTTOM_MID, 0, 5);
|
|
lv_obj_set_flex_flow(cont_col, LV_FLEX_FLOW_COLUMN);
|
|
lv_obj_add_event_cb(cont_col, cont_col_scroll_event_cb, LV_EVENT_SCROLL, NULL);
|
|
/* Hide scrollbar visuals */
|
|
lv_obj_set_scrollbar_mode(cont_col, LV_SCROLLBAR_MODE_OFF);
|
|
|
|
/* If the number of items is less than 3, scrolling may not be needed or may cause unexpected behavior. */
|
|
uint32_t i;
|
|
for(i = 0; i < 10; i++) {
|
|
lv_obj_t * obj;
|
|
lv_obj_t * label;
|
|
|
|
/*Add items to the row*/
|
|
obj = lv_button_create(cont_row);
|
|
lv_obj_set_size(obj, ITEM_SIZE, LV_PCT(100));
|
|
|
|
label = lv_label_create(obj);
|
|
lv_label_set_text_fmt(label, "Item %" LV_PRIu32, i + 1);
|
|
lv_obj_center(label);
|
|
|
|
/*Add items to the column*/
|
|
obj = lv_button_create(cont_col);
|
|
lv_obj_set_size(obj, LV_PCT(100), ITEM_SIZE);
|
|
|
|
label = lv_label_create(obj);
|
|
lv_label_set_text_fmt(label, "Item %" LV_PRIu32, i + 1);
|
|
lv_obj_center(label);
|
|
}
|
|
}
|
|
|
|
|
|
#endif
|