lvgl8.2 按钮上配置图片和文字
时间: 2024-05-02 12:16:21 浏览: 174
在 LVGL 8.2 中配置按钮的图片和文字是非常简单的。你可以使用 `lv_btnm_create()` 函数创建一个按钮对象,并使用 `lv_btnm_set_map()` 函数设置按钮的标签和图像。下面是一个示例代码:
```c
// 创建一个按钮对象
lv_obj_t *btn = lv_btnm_create(lv_scr_act(), NULL);
// 设置按钮的标签和图像
const char *btn_map[] = {"\ue15d", "Btn 1", "\n",
"\ue15d", "Btn 2", "\n",
"\ue15d", "Btn 3", "\n",
"\ue15d", "Btn 4", "\n",
"\ue15d", "Btn 5", "\n",
"\ue15d", "Btn 6", ""};
lv_btnm_set_map(btn, btn_map);
// 设置按钮的大小、位置和样式
lv_obj_set_size(btn, 200, 100);
lv_obj_align(btn, LV_ALIGN_CENTER, 0, 0);
lv_btnm_set_style(btn, LV_BTNM_STYLE_BG, &lv_style_transp);
lv_btnm_set_style(btn, LV_BTNM_STYLE_BTN_REL, &lv_style_plain);
lv_btnm_set_style(btn, LV_BTNM_STYLE_BTN_PR, &lv_style_plain_color);
```
在上面的代码中,我们创建了一个按钮对象 `btn`,并使用 `lv_btnm_set_map()` 函数设置了按钮的标签和图像。在这个例子中,我们使用了一个 Unicode 图标来作为按钮的图像,使用了 `\n` 来换行。最后,我们设置了按钮的大小、位置和样式。
你可以根据自己的需求来设置按钮的标签和图像,同时还可以使用 `lv_btnm_set_action()` 函数来设置按钮被按下时的回调函数。
阅读全文