页面

页面控件是lvgl中非常重要的一个控件，它可以用来创建多个页面，并且可以切换不同的页面。
页面控件有三种类型，分别是标准页面、顶层页面、动态页面。

页面类型

• 标准页面
• 顶层页面

标准页面

标准页面是一种常规页面，当设置页面为当前页面时，会作为lvgl的活动页面显示。

顶层页面

顶层页面是一种特殊页面，不同于标准页面，顶层页面是由lvgl的lv_layer_top()返回的对象作为父对象创建的，顶层页面显示在活动页面的上方，可以用于显示弹出框、提示框、状态栏等。

使用

顶层页面的简单使用

• 创建三个页面，分别是home、test、status，其中status是顶层页面。

• status页面相关设置如下：

添加一个图片控件，来显示电量状态；添加一个数字时钟，来显示当前时间。

将页面的背景颜色设置为透明，这样可以看到下方的home页面。

启用页面的清除标识属性，来清除ClickAble标识，这样子顶层页面就不会接收到点击事件。

• home页面相关设置如下：

增加一个图表控件，和一个按钮控件，给按钮控件增加一个CLICKED事件，用来切换到test页面。

修改页面的背景颜色为黑色，同时给页面增加一个SCREEN_LOADED事件，用来加载status页面。

• test页面相关设置如下：

增加一个列表控件，和一个按钮控件，给按钮控件增加一个CLICKED事件，用来切换到home页面。

• 编译、预览后，可以看到status页面一直显示在最上方，home和test页面可以通过按钮控件来切换。