准备工作
- LVGL图形化工具:Gui-Guider-Setup-1.8.0-GA.exe
- LVGL库:lvgl-release-v8.3
- 屏幕触摸驱动:CST816
- 屏幕驱动:ST7789
- 屏幕尺寸:320 * 170
触发事件
-
按键的点击事件
添加点击事件
触摸屏点击对应的按键后就会触发回调函数musicBtnCallback
void musicBtnCallback(lv_event_t * e) { console_infor("musicBtnCallback %s\r\n", (char *)e->user_data); } lv_obj_add_event_cb(guider_ui.screen_setting_music_btn_7, musicBtnCallback, LV_EVENT_CLICKED, "7");
-
屏幕手势事件
注册LV_EVENT_GESTURE
事件,当垂直或者水平方向滑动屏幕时就会触发musicGestureCallback
回调函数,在回调函数中必须执行lv_indev_wait_release(lv_indev_get_act());
不然手势事件很容易与按键的点击事件冲突。本项目使用的触摸芯片为CST816
,寄存器IrqCrl(0xFA)
设置为cst816_Write_Reg(IrqCrl, IRQ_EN_TOUCH | IRQ_EN_CHANGE);
,不使用触摸芯片的手势事件,手势算法有LVGL库底层计算而得。void musicGestureCallback(lv_event_t * e) { lv_indev_wait_release(lv_indev_get_act()); lv_dir_t dir = lv_indev_get_gesture_dir(lv_indev_get_act()); console_infor("musicGestureCallback %d %s\r\n", dir, (char *)e->user_data); if (dir == LV_DIR_BOTTOM) { } } lv_obj_add_event_cb(guider_ui.screen_setting_music, musicGestureCallback, LV_EVENT_GESTURE, "12");
调试打印日志
00> <INFOR><musicGestureCallback><197>: musicGestureCallback 8 12 00> <INFOR><musicGestureCallback><197>: musicGestureCallback 2 12
关于UI方面的操作还是在
Gui Guider
这个工具里实现就好,接下来就详细讲解这个工具的使用,比如控件的按键操作,数值的变化操作,界面的切换,UI操作的逻辑控制等都可以在工具里实现。
触摸驱动
重点
触摸获取坐标数据的调用不要放在lvgl中调用,如果有中断,中断触发后现在中断中通过IIC等接口获取放在缓存中,再由lvg循环取用就可以。
只要有触摸时,需要中断信号周期性的输出,这样LVGL库底层可以周期性的去读取坐标,这样才可以实现按键动作。
有触摸时,按键中断输出周期,14.8ms,
宏定义LV_INDEV_DEF_READ_PERIOD
需要大于这个输出周期。
中断信号的中断电平时间很短,所以需要先缓存起来,以待底层调用,这样才不至于错过坐标读取,
uint8_t READ_TOCH_GPIO_INT(void)
{
bool flagTemp = irq_flag;
irq_flag = true;
return flagTemp;
}