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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

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

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

界面有两种尺寸:与目标设备一致的显示尺寸,以及你在编辑器中工作时使用的设计尺寸。本指南介绍两者之间的关系。

本指南使用下面这个示例场景:

  • 显示尺寸:800 x 480
  • 设计尺寸:800 x 600
  • 组件摆放:顶部放置一个按钮,底部放置一个圆弧组件

设计时

设计时,你可以放大界面以容纳更多组件。放大的尺寸是仅用于编辑器的覆盖:它影响你工作时的画布布局,但不会用于预览。

在这个示例中,设计尺寸改为 800 x 600 后,两个组件都可以在画布中正常完整显示。

设计时的屏幕尺寸覆盖

预览时

预览项目时,界面尺寸会设置为项目配置中的显示尺寸。因此预览更贴近真实使用场景,匹配目标设备的分辨率,而不是放大的设计画布。

在同一布局下,预览会切回项目配置中的显示尺寸 800 x 480。顶部按钮仍然正常可见,而底部的圆弧组件只会部分显示,需要滚动界面才能完整看到。

预览时使用显示尺寸

约束

屏幕尺寸受支持的最小与最大分辨率约束。

内存考虑

更大的界面会增加渲染输出的内存占用。如果目标设备内存不足,请按移植指南所述,在 lv_conf.h 中增大 LV_MEM_SIZE。

相关指南

  • 工作区 - 为项目配置目标显示尺寸。
  • 布局 - 组件如何在设计画布上排列。
  • 概览 - 在编辑器中设计界面。
  • 移植 - 目标设备上的内存与配置。
Prev
动态 LVGL 版本
Next
代码生成