lvgl8.1 按钮上配置图片和文字

在 LVGL 8.1 中，可以通过创建一个 `lv_btn` 按钮对象，然后在按钮对象中添加一个 `lv_img` 图像对象和一个 `lv_label` 标签对象来配置按钮的图片和文字。

以下是一个示例代码片段，展示如何创建带有图像和标签的按钮：

// 创建一个按钮对象
lv_obj_t *btn = lv_btn_create(lv_scr_act(), NULL);

// 创建一个图像对象
lv_obj_t *img = lv_img_create(btn, NULL);

// 设置图像对象的源
lv_img_set_src(img, "path/to/image.png");

// 创建一个标签对象
lv_obj_t *label = lv_label_create(btn, NULL);

// 设置标签对象的文本
lv_label_set_text(label, "Button Text");

// 将图像和标签对象放置在按钮对象中
lv_obj_align(img, NULL, LV_ALIGN_CENTER, 0, -20); // 将图像对象垂直居中并向上偏移20个像素
lv_obj_align(label, NULL, LV_ALIGN_CENTER, 0, 20); // 将标签对象垂直居中并向下偏移20个像素

在这个示例中，我们创建了一个 `lv_btn` 按钮对象，并在其中添加了一个 `lv_img` 图像对象和一个 `lv_label` 标签对象。我们设置了图像对象的源为 `"path/to/image.png"`，并将标签对象的文本设置为 `"Button Text"`。最后，我们使用 `lv_obj_align` 函数将图像和标签对象放置在按钮对象中，并设置它们的位置，以使它们在按钮中垂直居中并略微偏移。