LVGL学习笔记 28 |
您所在的位置：网站首页 › 怎么设置自己的键盘背景 › LVGL学习笔记 28 |
LVGL学习笔记 28
|
目录 1. 设置关联文本框 2. 设置模式 2.1 LV_KEYBOARD_MODE_TEXT_LOWER 2.2 LV_KEYBOARD_MODE_TEXT_UPPER 2.3 LV_KEYBOARD_MODE_SPECIAL 2.4 LV_KEYBOARD_MODE_NUMBER 2.5 LV_KEYBOARD_MODE_USER_1 ~ LV_KEYBOARD_MODE_USER_4 3. 使能弹窗模式 4. 更改按键布局 5. 事件 键盘是一个特殊的按键矩阵，自身实现了按键(map)映射和其他功能。 lv_obj_t* kb = lv_keyboard_create(lv_scr_act()); lv_obj_set_align(kb, LV_ALIGN_CENTER);
键盘默认是铺满当前页面的，可以通过lv_obj_set_size设置大小。 1. 设置关联文本框 void lv_keyboard_set_textarea(lv_obj_t * obj, lv_obj_t * ta)参数ta是文本框的句柄。 lv_obj_set_size(kb, 400, 200); lv_obj_t* tx = lv_textarea_create(lv_scr_act()); lv_obj_align(tx, LV_ALIGN_CENTER, 0, -160); lv_keyboard_set_textarea(kb, tx);
支持的模式有： 2.1 LV_KEYBOARD_MODE_TEXT_LOWER显示小写字母，默认的情况。 2.2 LV_KEYBOARD_MODE_TEXT_UPPER显示大写字母，包括键盘和文本框显示。 lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_TEXT_UPPER);
显示特殊字符。 lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_SPECIAL);
显示数字。 lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_NUMBER);
用户自定义模式。这4个用户模式并没有实现，需要自己改lv_keyboard.c，默认是和小写模式一样。以LV_KEYBOARD_MODE_USER_1为例，增加一个游戏手柄的键盘。显示的效果如下：
在static const char * * kb_map[9]前增加数组： static const char* const default_kb_map_joystick[] = { LV_SYMBOL_SETTINGS, LV_SYMBOL_OK, "\n", " ", LV_SYMBOL_UP, " ", "\n", LV_SYMBOL_LEFT, LV_SYMBOL_RIGHT, "A", "B","\n", " ", LV_SYMBOL_DOWN, " ", "" };数组每个变量表示一个按键上的显示字符串，用“\n”表示换行， “”表示结束。把这个数组替换到kb_map数组中 static const char * * kb_map[9] = { (const char * *)default_kb_map_lc, (const char * *)default_kb_map_uc, (const char * *)default_kb_map_spec, (const char * *)default_kb_map_num, (const char * *)default_kb_map_joystick, (const char * *)default_kb_map_lc, (const char * *)default_kb_map_lc, (const char * *)default_kb_map_lc, (const char * *)NULL, };另外再增加一个数组default_kb_ctrl_joystick_map来布局按键的大小。 static const lv_btnmatrix_ctrl_t default_kb_ctrl_joystick_map[] = { 1, 1, LV_BTNMATRIX_CTRL_HIDDEN | 1, 2, LV_BTNMATRIX_CTRL_HIDDEN | 5, 1, 1, 1, 1, LV_BTNMATRIX_CTRL_HIDDEN | 1, 2, LV_BTNMATRIX_CTRL_HIDDEN | 5 };每个数组成员是一个16位的变量，低3位表示按键的宽度比例，例如第一行2个按键，取值1，1表示这2个按键在这一行是占据这一行的比例是50%：50%，其他位表示按键的属性，具体可以参考lv_btnmatrix_ctrl_t的定义。同样，添加到数组kb_ctrl中。 static const lv_btnmatrix_ctrl_t * kb_ctrl[9] = { default_kb_ctrl_lc_map, default_kb_ctrl_uc_map, default_kb_ctrl_spec_map, default_kb_ctrl_num_map, default_kb_ctrl_joystick_map, default_kb_ctrl_lc_map, default_kb_ctrl_lc_map, default_kb_ctrl_lc_map, NULL, };这个键盘可以不需要text，所以去掉文本框的设置，显示效果如上图。 lv_obj_t* kb = lv_keyboard_create(lv_scr_act()); lv_obj_set_align(kb, LV_ALIGN_CENTER); lv_obj_set_size(kb, 400, 200); //lv_obj_t* tx = lv_textarea_create(lv_scr_act()); //lv_obj_align(tx, LV_ALIGN_CENTER, 0, -160); //lv_keyboard_set_textarea(kb, tx); lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_USER_1); 3. 使能弹窗模式 void lv_keyboard_set_popovers(lv_obj_t * obj, bool en)en为TRUE时表示使能弹窗模式，注意这种模式必须按键的属性有LV_BTNMATRIX_CTRL_POPOVER，例如上例中游戏手柄中的设置属性就没有，使能后也不会看到任何效果。
功能和用户模式类似，通过函数lv_keyboard_set_map改变按键布局。 void lv_keyboard_set_map(lv_obj_t * obj, lv_keyboard_mode_t mode, const char * map[], const lv_btnmatrix_ctrl_t ctrl_map[])后面2个参数就是之前用户模式对应的数组。 lv_keyboard_set_map(kb, LV_KEYBOARD_MODE_TEXT_LOWER, (const char**)default_kb_map_joystick, default_kb_ctrl_joystick_map);设置后显示效果与之前的方式一样。 5. 事件键盘有一个默认的事件lv_keyboard_def_event_cb处理按键行为结果。 当按键的字符串为“abc”时表示切换到小写模式： if(strcmp(txt, "abc") == 0) { keyboard->mode = LV_KEYBOARD_MODE_TEXT_LOWER; lv_btnmatrix_set_map(obj, kb_map[LV_KEYBOARD_MODE_TEXT_LOWER]); lv_keyboard_update_ctrl_map(obj); return; }同理，“ABC”表示切换到大写模式，“1#”表示切换到特殊字符模式。 默认事件发送了LV_EVENT_CANCEL、LV_EVENT_READY事件，用户可以利用这2个事件完成字符串的输入。例如LV_EVENT_CANCEL事件： static void kbClear_cb(lv_event_t* event) { lv_keyboard_t* kb = (lv_keyboard_t*)event->target; lv_textarea_set_text(kb->ta, ""); } lv_obj_add_event_cb(kb, kbClear_cb, LV_EVENT_CANCEL, NULL);
|
【本文地址】
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |