LittleVGL-键盘控件

前面讲述了独立按钮以及矩阵按钮，会了前两者之后，接下来的矩阵键盘按钮可能会惊艳到你。先看仿真效果;

v_kb 键盘有 2 种模式,一种是 LV_KB_MODE_TEXT 文本键盘,另一种是 LV_KB_MODE_NUM 数字键盘,其中文本键盘复杂一些,它里面包含了小写,大写,符号三类键盘,文本键盘
中的三类键盘是通过如下方式来切换的:
1) 点击键切换到大写键盘
2) 点击键切换到小写键盘
3) 点击键切换到符号

LV_SYMBOL_OK: Apply确认,对应键盘上的键,点击会触发LV_EVENT_APPLY事件
LV_SYMBOL_CLOSE: Close 关闭,对应键盘上的键,点击会触发 LV_EVENT_C ANCEL 事件
LV_SYMBOL_LEFT: 将光标向左移动一步
LV_SYMBOL_RIGHT: 将光标向右移动一步
** “ABC”: 切换到大写键盘
“abc”: 切换到小写键盘
“Enter”: 换行
“Bkps”: 删除光标左侧的一个字符**

这个仿真出来的键盘就是littleVGL图形化界面上的一个简单控件，几行代码就完整的将其功能实现，接下来贴出代码：

void kb_test(void)
{/*Create styles for the keyboard*/static lv_style_t rel_style, pr_style;   lv_style_copy(&rel_style, &lv_style_btn_rel);rel_style.body.radius = 0;rel_style.body.border.width = 3;lv_style_copy(&pr_style, &lv_style_btn_pr);pr_style.body.radius = 0;pr_style.body.border.width = 3;/*Create a keyboard and apply the styles*/lv_obj_t *btnmkeybord = lv_kb_create(lv_scr_act(), NULL);  //创建键盘控件 lv_kb_set_cursor_manage(btnmkeybord , true);lv_kb_set_style(btnmkeybord , LV_KB_STYLE_BG, &lv_style_transp_tight); //设置风格样式lv_kb_set_style(btnmkeybord , LV_KB_STYLE_BTN_REL, &rel_style); //释放下的风格lv_kb_set_style(btnmkeybord , LV_KB_STYLE_BTN_PR, &pr_style);   //按下时的风格/*Create a text area. The keyboard will write here*/lv_obj_t *tag = lv_ta_create(lv_scr_act(), NULL);lv_obj_align(tag , NULL, LV_ALIGN_IN_TOP_MID, 0, 10);lv_ta_set_text(tag , "");/*Assign the text area to the keyboard*/lv_kb_set_ta(btnmkeybord , tag );
}

具体的整个仿真工程链接如下：
工程

LittleVGL-键盘控件相关推荐

ESP32 开发笔记(四）littleVGL LVGL 控件学习 Arc 弧形控件
先看效果,创建了两个Arc 弧形控件,一个可触摸拖动的默认风格,一个动画控制的自定义风格的弧形控件 ESP-IDF版本:V4.2 littleVGL版本:V7.10.0 开发板购买链接https:// ...
想做输入法界面？安排，LVGL『keyboard键盘控件』介绍
一. LVGL GUI键盘控件的概念 Keyboard 对象是一个特殊的 Button 矩阵,具有预定义的按键映射和其他功能,以实现虚拟键盘来编写文本. 二. LVGL GUI键盘小部件和样式类似于 ...
Touchgfx之如何打开和关闭键盘控件
目录 1.实验环境 1.1 软件环境 1.2 硬件环境 2.实验目标 3.实验过程 4.实验总结自定义控件之键盘教程: 一张图+一个Box+一个TextArea带你DIY不一样的数字键盘手把手教你 ...
emwin 仪表_分享一个emWin软键盘控件
分享一个emWin软键盘控件 [复制链接] 本帖最后由 glcd 于 2016-6-27 16:30 编辑花了两天时间做了个emWin软键盘控件,并命名为ButtonSKB控件: image001. ...
C#自定义软键盘控件及应用
自定义控件代码: using System; using System.Collections.Generic; using System.ComponentModel; using System.D ...
Android 自定义键盘控件_身份证号码输入
效果图: 步骤: 1.继承键盘类,写一个MyKeyboardView ,备用. public class MyKeyboardView extends KeyboardView {private Co ...
Android UI设计之十一自定义ViewGroup，打造通用的关闭键盘小控件ImeObser
2019独角兽企业重金招聘Python工程师标准>>> 转载请注明出处:http://blog.csdn.net/llew2011/article/details/51598682 ...
asp.net的常用控件
ASP.NET常用第三方控件列表 ASP.NET 漂亮的免费甘特图控件基于flash与javascript的客户端文件上传组件在线Word/excel/wps编辑辅助控件一个三维动态滑块效果的功 ...
ESP32 开发笔记(四）LVGL控件学习 ColorPicker 颜色选择器控件
先看效果,创建一个颜色选择器控件,设置事件回调动态显示当前选择的颜色值开发板购买链接https://item.taobao.com/item.htm?spm=a2oq0.12575281.0.0.5 ...
ESP32 开发笔记(四）LVGL控件学习 Canvas 画布控件
先看效果,创建了两个画布,一个按钮,按钮是为了演示透明画布效果, 第一个画布先画一个不透明蓝色矩形再画透明矩形,透过画布可以看到下面的按钮第二个面布画了一个圆角矩形中间填充过渡色,再画一个字符串,然 ...

LittleVGL-键盘控件

LittleVGL-键盘控件相关推荐

最新文章

热门文章