LVGL V8之Flex layout

创建flexbox的行和列布局

static void lv_example_flex_1(void)
{
    /*Create a container with ROW flex direction*/
    lv_obj_t* cont_row = lv_obj_create(lv_scr_act());
    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);// 设置row方向布局
    /*Create a container with COLUMN flex direction*/
    lv_obj_t* cont_col = lv_obj_create(lv_scr_act());
    lv_obj_set_size(cont_col, 200, 150); //设置大小
    lv_obj_align_to(cont_col, cont_row, LV_ALIGN_OUT_BOTTOM_MID, 0, 5); // 对齐到cont_row对象的底部居中
    lv_obj_set_flex_flow(cont_col, LV_FLEX_FLOW_COLUMN);// 设置column方向布局
    uint32_t i;
    for (i = 0; i