LVGL Grid网格布局

目录

一、创建gird布局

二、grid布局的对齐

一、创建gird布局

grid 布局是一种网格形式的布局，可以按行或列来对齐控件。
为了创建网格布局，首先要给出格子的长度和宽度。一般来说，可以通过两个数组分别描述网格每一行的宽度和每一列的宽度：

static lv_coord_t col_size[] = { 60, 60, 90, LV_GRID_TEMPLATE_LAST };
static lv_coord_t row_size[] = { 40, 40, 30, LV_GRID_TEMPLATE_LAST };

每一个数组都需要以 LV_GRID_TEMPLATE_LAST 结尾。然后就可以通过
 

void lv_obj_set_grid_dsc_array(lv_obj_t *obj, const lv_coord_t col_dsc[], const lv_coord_t row_dsc[])

函数为一个容器设置网格划分。

 注意，创建的数组一定要声明为 static 或全局变量，因为这部分数据在后续渲染时才会被用上。

划分好了网格以后，接下来就可以使用以下函数：

void lv_obj_set_grid_cell(lv_obj_t * obj, 
    lv_grid_align_t x_align, uint8_t col_pos, uint8_t col_span,
    lv_grid_align_t y_align, uin