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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
  • 主题

    • 图片
    • 字体
    • 布局
    • 动态 LVGL 版本
    • 覆盖屏幕尺寸
    • 代码生成
    • 移植

代码生成将工作区设计转换为可在目标设备上运行的 C 源代码。本指南介绍代码生成功能、配置选项以及集成点。

概述

在编辑器中设计界面后,anyui-LIVE 会生成界面实现并将资源转换到工作区的 generated/ 目录中。生成的代码自包含,不依赖用于构建最终固件的硬件和开发工具。

此处介绍管线本身;其消费的资源在图片指南与字体指南中定义。

生成的输出

代码生成在 {root}/generated 中产生以下内容:

输出描述
界面源文件实现每个界面以及 setupUI() 入口点的 C 文件。
资源源码转换后的图片、字体和 Lottie 数据。
头文件界面、组件以及生成变量的声明。

该输出为自动生成,不应手动修改。

配置选项

代码生成行为由项目配置控制:

选项描述
分辨率生成界面布局时使用的目标分辨率。
色深生成资源时使用的颜色深度。

参见工作区指南了解这些选项的配置位置。

集成点

生成代码通过定义良好的入口点与系统其余部分集成:

  • setupUI() - 从你的应用程序调用它来初始化 UI。
  • generated/ - 将这些文件复制到你的项目构建中。

这些集成点是移植指南的基础,该指南说明如何将生成代码迁移到目标设备。

相关指南

  • 图片 - 图片资源如何被转换。
  • 字体 - 字体库如何被转换。
  • 工作区 - 生成的输出目录。
  • 概览 - 代码生成所编译的界面。
  • 预览 - 代码生成产生的模拟代码。
  • 移植 - 将生成代码集成到目标项目中。
Prev
覆盖屏幕尺寸
Next
移植