LVGL 键盘自定义按键

在 LVGL 中，可以使用 lv_keyboard_create 函数创建一个键盘对象，并使用 lv_keyboard_set_map 函数设置键盘的按键映射。按键映射是一个二维数组，其中每个元素表示一个按键，可以自定义按键的标签、宽度、高度、样式等属性。

以下是一个简单的示例代码，演示如何创建一个带有自定义按键的键盘：

// 定义按键映射
static const char *kb_map[] = {
    "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", LV_SYMBOL_BACKSPACE,
    "q", "w", "e", "r", "t", "y", "u", "i", "o", "p",
    "a", "s", "d", "f", "g", "h", "j", "k", "l",
    LV_SYMBOL_KEYBOARD, "z", "x", "c", "v", "b", "n", "m", ",", ".", "?",
    LV_SYMBOL_OK, LV_SYMBOL_CLOSE, ""
};

// 创建键盘对象
lv_obj_t *kb = lv_keyboard_create(lv_scr_act(), NULL);

// 设置按键映射
lv_keyboard_set_map(kb, LV_KEYBOARD_MODE_TEXT_LOWER, kb_map);

// 设置自定义按键样式
lv_style_t style_btn_rel;
lv_style_t style_btn_pr;
lv_style_copy(&style_btn_rel, &lv_style_btn_rel);
lv_style_copy(&style_btn_pr, &lv_style_btn_pr);
style_btn_rel.body.main_color = LV_COLOR_GRAY;
style_btn_rel.body.grad_color = LV_COLOR_GRAY;
style_btn_pr.body.main_color = LV_COLOR_BLUE;
style_btn_pr.body.grad_color = LV_COLOR_BLUE;
style_btn_pr.text.color = LV_COLOR_WHITE;
lv_keyboard_set_style(kb, LV_KEYBOARD_STYLE_BTN_REL, &style_btn_rel);
lv_keyboard_set_style(kb, LV_KEYBOARD_STYLE_BTN_PR, &style_btn_pr);

// 添加自定义按键
lv_keyboard_add_text(kb, "Enter", strlen("Enter"), NULL);

在上述代码中，首先定义了一个按键映射 kb_map，其中包含了常见的字母、数字、符号等按键，以及两个 LVGL 的符号图标，分别表示退格和确定。然后创建了一个键盘对象 kb，并使用 lv_keyboard_set_map 函数设置了按键映射。接着使用 lv_keyboard_set_style 函数设置了按键的样式，包括材质、颜色、字体等属性。最后使用 lv_keyboard_add_text 函数添加了一个自定义按键，其标签为 "Enter"，长度为 strlen("Enter")，样式为默认样式。