LVGL开发说明

准备工作

• LVGL图形化工具：Gui-Guider-Setup-1.8.0-GA.exe
• LVGL库：
• 屏幕触摸驱动：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操作的逻辑控制等都可以在工具里实现。