UI设计工具文档UI设计工具文档
反馈
  • AC791
  • AC792
  • AC63
  • GPMCU
  • AD14/15/17/18/AD104
  • AD16
  • AD24
  • AC82
  • AW30
  • AW31
反馈
  • AC791
  • AC792
  • AC63
  • GPMCU
  • AD14/15/17/18/AD104
  • AD16
  • AD24
  • AC82
  • AW30
  • AW31
  • 1.工具前言

    • 1.1.工具首页
    • 1.2.前言说明
  • 2.快速使用

    • 2.1.快速使用
    • 2.2.快速上手
    • 2.3.板子配置
    • 2.4.视频教程
    • 2.5.硬件资料
  • 3.控件说明

    • 3.1.控件说明
    • 3.2.基础控件

      • 页面
      • 按钮
      • 图片按钮
      • 标签
      • 图片
      • 文本框
      • 开关
      • 数字微调器
      • 复选框
      • 下拉框
      • 进度条
      • Lottie动画
      • 帧动画
      • 图表
      • 滑动条
      • 弧线
      • 仪表盘
    • 3.3.菜单控件

      • 圆弧菜单
      • 齿轮菜单
      • 列表菜单
      • 曲线菜单
      • 网格菜单
      • 万花筒菜单
      • 多边形菜单
    • 3.4.容器控件

      • 通用容器
      • Flex布局
  • 4.高级功能

    • 4.1.时间轴动画
    • 4.2.模型绑定
    • 4.3.资源管理
    • 4.4.国际化
    • 4.5.硬件仿真
    • 4.6.自动化测试
    • 4.7.控件组
    • 4.8.菜单管理
    • 4.9.页面管理
    • 4.10.动态页面
  • 5.插件系统

    • 5.1.插件说明
    • 5.2.开发指南
    • 5.3.字体合并
    • 5.4.图片编辑
    • 5.5.截图
    • 5.6.项目合并
    • 5.7.项目属性编辑
    • 5.8.视频转图片
  • 6.使用案例

    • 6.1.倒计时案例
  • 7.常见问题

    • 7.1.问题说明
    • 7.2.编译问题
    • 7.3.LVGL问题
    • 7.4.仿真问题
    • 7.5.UI工具问题
    • 7.6.其他问题
  • 8.工具杂项

    • 8.1.杂项1
    • 8.2.杂项2

页面管理

在 资源 - 页面列表管理 中,可以添加 页面管理, 页面管理 是一个页面的集合,可以在页面管理中添加多个页面,可以在代码里通过 页面管理 ,来获取指定页面的 上下页面 等信息。

本章目录
  • 1. 使用页面管理
    • 1.1. 创建页面
    • 1.2. 配置页面列表
    • 1.3. 添加事件回调
    • 1.4. 添加按钮,绑定事件
    • 1.5. 仿真
本章正文

使用页面管理

创建页面

创建多个需要管理页面,分别为 page1 、 page2 、 page3 、 page4 。

配置页面列表

在 资源 - 页面列表管理 中,添加一个 页面管理 ,命名为 manage_1 ,将 page1 、 page2 、 page3 、 page4 添加到 manage_1 中。

添加事件回调

在 工程 - 事件 中,添加两个事件回调,分别是 上一页 和 下一页。

两个事件回调的代码如下:


//跳转到页面列表的上一页
gui_scr_t * cur_scr = gui_scr_get_act(); //获取当前页面
if (cur_scr == NULL) return;
int32_t prev_scr_id = gui_scr_manager_prev(&manage_1, cur_scr->id); //获取上一页的ID
gui_scr_t * prev_scr = ui_get_scr(prev_scr_id); //获取上一页的页面
if (prev_scr == NULL) return;
ui_load_scr_anim(&guider_ui, prev_scr, LV_SCR_LOAD_ANIM_NONE, 0, 0, false, false, false); //加载上一页的页面

//跳转到页面列表的下一页
gui_scr_t * cur_scr = gui_scr_get_act();
if (cur_scr == NULL) return;
int32_t  next_scr_id = gui_scr_manager_next(&manage_1, cur_scr->id);
gui_scr_t * next_scr = ui_get_scr(next_scr_id);
if (next_scr == NULL) return;
ui_load_scr_anim(&guider_ui, next_scr, LV_SCR_LOAD_ANIM_NONE, 0, 0, false, false, false);

添加按钮,绑定事件

给 page1 、 page2 、 page3 、 page4 添加两个按钮,分别用来跳转到上一页和下一页。给按键增加 Click 事件,分别绑定上面的两个事件回调。

仿真

上一页
4.8.菜单管理
下一页
4.10.动态页面