LVGL开发说明

准备工作

• LVGL图形化工具：Gui-Guider-Setup-1.8.0-GA.exe
• LVGL库：lvgl-release-v8.3
• 屏幕触摸驱动：CST816
• 屏幕驱动：ST7789
• 屏幕尺寸：320 * 170

触发事件

1. 按键的点击事件
   

   添加点击事件
   触摸屏点击对应的按键后就会触发回调函数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");
   

2. 屏幕手势事件
   注册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
   

---

分隔符 2025年3月9日

---

关于UI方面的操作还是在Gui Guider这个工具里实现就好，接下来就详细讲解这个工具的使用，比如控件的按键操作，数值的变化操作，界面的切换，UI操作的逻辑控制等都可以在工具里实现。