lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局，其中 label 控件位于 image 控件下方，你可以使用 lv_obj_set_flex_flow 来设置布局为垂直，并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例：

1. 创建父容器：首先创建一个容器对象，该对象将作为布局的基础。
2. 设置容器为垂直布局：使用 lv_obj_set_flex_flow 设置容器的布局方式为垂直。
3. 添加图像控件：在容器内创建并添加一个图像控件。
4. 添加标签控件：在图像控件后添加一个标签控件，该标签将自动放置在图像下方。

下面是具体的代码示例：

#include "lvgl.h"void create_vertical_layout() {// 创建父容器lv_obj_t * parent = lv_obj_create(lv_scr_act());lv_obj_set_size(parent, 200, 200);lv_obj_center(parent);// 设置布局为垂直lv_obj_set_flex_flow(parent, LV_FLEX_FLOW_COLUMN);// 添加图像控件lv_obj_t * img = lv_img_create(parent);lv_img_set_src(img, &your_image_src);  // 替换 `your_image_src` 为你的图像资源lv_obj_set_width(img, LV_SIZE_CONTENT); // 设置图像宽度自适应内容// 添加标签控件lv_obj_t * label = lv_label_create(parent);lv_label_set_text(label, "这是文本");
}// 调用 create_vertical_layout() 函数来运行布局设置