Skip to content
目录

事件

更多的详细介绍,可以参考这个链接:
https://docs.lvgl.io/8.3/overview/event.html

触发事件

普通控件事件
LV_EVENT_PRESSED对象被按下
LV_EVENT_PRESSING对象被按下时连续调用
LV_EVENT_PRESS_LOST仍然按下某个对象,但将光标/手指滑离该对象
LV_EVENT_SHORT_CLICKED对象被短按
LV_EVENT_LONG_PRESSED对象被长按
LV_EVENT_LONG_PRESSED_REPEAT对象长按时,每毫秒调用一次long_press_repeat_time
LV_EVENT_CLICKED对象没有滚动,按下后释放
LV_EVENT_RELEASED释放对象,包括滚动
LV_EVENT_SCROLL_BEGIN滚动开始
LV_EVENT_SCROLL_END滚动结束
LV_EVENT_SCROLL对象被滚动
LV_EVENT_KEY键盘编码器等输入设备,密钥被发送到对象
LV_EVENT_FOCUSED对象被聚焦
LV_EVENT_DEFOCUSED对象没有被聚焦
LV_EVENT_LEAVE对象未聚焦但是仍处于选中状态
LV_EVENT_HIT_TEST执行高级命中测试
LV_EVENT_VALUE_CHANGED对象的值已更改
屏幕特有事件
LV_EVENT_SCREEN_UNLOAD_START屏幕卸载开始
LV_EVENT_SCREEN_LOAD_START屏幕加载已启动
LV_EVENT_SCREEN_LOADED屏幕已加载
LV_EVENT_SCREEN_UNLOADED屏幕已卸载
LV_EVENT_GESTURE_LEFT检测到手势,向左
LV_EVENT_GESTURE_RIGHT检测到手势,向右
LV_EVENT_GESTURE_TOP检测到手势,向上
LV_EVENT_GESTURE_BOTTOM检测到手势,向下

屏幕加载

屏幕加载动画
LV_SCR_LOAD_ANIM_NONE屏幕加载无动画
LV_SCR_LOAD_ANIM_OVER_LEFT新屏幕从右侧向左侧滑入
LV_SCR_LOAD_ANIM_OVER_RIGHT新屏幕从左侧向右侧滑入
LV_SCR_LOAD_ANIM_OVER_TOP新屏幕从底部向顶端滑入
LV_SCR_LOAD_ANIM_OVER_BOTTOM新屏幕从顶端向底部滑入
LV_SCR_LOAD_ANIM_MOVE_LEFT新屏幕向左侧滑入时,旧屏幕向左侧滑出
LV_SCR_LOAD_ANIM_MOVE_RIGHT新屏幕向右侧滑入时,旧屏幕向右侧滑出
LV_SCR_LOAD_ANIM_MOVE_TOP新屏幕向顶端滑入时,旧屏幕向顶端滑出
LV_SCR_LOAD_ANIM_MOVE_BOTTOM新屏幕向底部滑入时,旧屏幕向底部滑出
LV_SCR_LOAD_ANIM_FADE_IN新屏幕淡入显示时,旧屏幕淡出消失
LV_SCR_LOAD_ANIM_FADE_ON新屏幕淡入显示时,旧屏幕淡出消失
LV_SCR_LOAD_ANIM_FADE_OUT旧屏幕淡出消失
LV_SCR_LOAD_ANIM_OUT_LEFT旧屏幕向左滑出
LV_SCR_LOAD_ANIM_OUT_RIGHT旧屏幕向右滑出
LV_SCR_LOAD_ANIM_OUT_TOP旧屏幕向顶端滑出
LV_SCR_LOAD_ANIM_OUT_BOTTOM旧屏幕向底部滑出

状态

添加状态
LV_STATE_DEFAULT正常释放状态
LV_STATE_CHECKED选中状态
LV_STATE_FOCUSED聚焦状态
LV_STATE_FOCUS_KEY键盘聚焦状态
LV_STATE_EDITED编辑状态
LV_STATE_HOVERED鼠标悬停(不支持)
LV_STATE_PRESSED按下状态
LV_STATE_SCROLLED滚动状态
LV_STATE_DISABLED禁用状态

控件事件

1.在右侧导航栏选择交互,添加对应需要的触发事件。

2.选择该事件需要修改的控件,进入对应的事件设计面板。

3.修改需要触发的值,如果该项亮起代表已经设置,如果颜色呈现灰色代表该事件中不改变项。

4.如果不需要此项设置可点击对应区域右上角的清除标记

例子

下面为常见的菜单按钮事件切换的例子,展示效果:

8ms_12.gif

添加事件步骤可参照下面方式:

8ms_11.gif

页面加载事件

1.在右侧导航栏选择交互,添加对应需要的触发事件。

2.选择该事件需要触发的加载页面事件,选择需要加载的页面,和是否自动删除旧页面。

3.勾选取消对应的加载页面事件。

例子

下图为常见的左右滑动页面切换事件的例子,展示效果

8ms_14.gif

添加事件步骤可参照下面方式:

8ms_13.gif