anyuianyui
anyui-LIVE
anyui
反馈问题
  • English
  • 中文
anyui-LIVE
anyui
反馈问题
  • English
  • 中文
  • 介绍

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
    • 资源管理
    • 代码查看器
    • 历史面板
  • 智能体
  • 桌面版
  • 主题

    • 图片
    • 字体库
    • 布局
    • 全局样式
    • 动态 LVGL 版本
    • 动态显示尺寸变更
    • 重置屏幕尺寸
    • 代码生成
    • 移植
    • 模拟器
    • 国际化
  • 常见问题

代码查看器展示当前项目生成的 LVGL 源代码,在集成到固件之前就能直接读到最终实现。本文介绍它的概念、使用方式和注意事项。

概述

anyui-LIVE 会把设计转换成 C 源代码,输出到工作区的 generated/ 目录,详见代码生成。代码查看器就是编辑器内查看这份输出的窗口:不必离开编辑器,也不用下载项目,就能查看界面源文件、资源源码和头文件。

常见用途:

  • 把设计写入固件之前,先看看它编译成了什么。
  • 对接应用逻辑时,查找界面、组件或生成变量的声明。
  • 确认资源转换生成了预期的资源文件。

生成流程本身——目录结构、配置选项以及 setup_ui() 集成点——在代码生成中说明。

使用指南

  1. 在工具栏的视图栏中选择 代码。选中后会先构建 LVGL 源码,构建完成后才显示代码。
  2. 浏览生成的源码。内容与 {root}/generated 一致,包括界面源文件、资源源码和头文件。
  3. 需要整个源码包时,使用文档栏的 导出:它会重新生成源码包并导出,例如下载为 ZIP。
  4. 把 generated/ 中的文件复制到项目构建里,再调用 setup_ui(),参见移植。

注意事项

  • 打开该视图总会先构建 LVGL 源码,大型项目需要一些时间,请等待构建完成,不要反复切换视图。
  • 视图中的内容是自动生成的产物,不要手工修改;需要改动时请修改设计后重新生成,参见代码生成。
  • 生成结果取决于当前激活的 LVGL 运行时(及语言)版本,LVGL 9.x 与 8.x 并不相同;切换 运行时版本 后代码随之变化,参见动态 LVGL 版本。
  • 输出遵循项目配置中的分辨率与色深;在设置里改动后,需重新打开视图查看新生成的代码。
  • 预览运行的就是同一份生成代码,在代码查看器里看到的差异,设备上也会一模一样地表现出来。

相关指南

  • 工具栏 - 视图栏与导出命令。
  • 代码生成 - 生成了什么、放在哪里。
  • 预览 - 实时运行同一份生成代码。
  • 移植 - 将生成代码集成到目标项目。
  • 模拟器 - 在本地机器上运行生成代码。
  • 资源管理 - 转换为生成源码的资源。
Prev
资源管理
Next
历史面板