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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

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

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

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

全文使用同一个示例场景:

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

设计时

设计时可以放大界面,容纳更多组件。放大后的尺寸只作用于编辑器内的画布,不影响预览。

本示例中,设计尺寸改为 800×600 后,两个组件都能在画布中完整显示。

设计时的屏幕尺寸覆盖

预览时

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

布局不变,预览切回显示尺寸 800×480:顶部按钮依然完整可见,底部的圆弧组件只能显示一部分,需要滚动界面才能看全。

预览时使用显示尺寸

约束

屏幕尺寸受支持的最小与最大分辨率限制:宽和高均为 100 到 4096 像素。

内存考虑

界面越大,渲染输出的内存占用越高。目标设备内存不足时,按移植指南在 lv_conf.h 中增大 LV_MEM_SIZE。

相关指南

  • 工作区 - 为项目配置目标显示尺寸。
  • 布局 - 组件在设计画布上的排列。
  • 概览 - 在编辑器中设计界面。
  • 移植 - 目标设备上的内存与配置。
  • 模拟器 - 在本地机器上运行应用程序。
  • 动态显示尺寸变更 - 修改显示尺寸,并用响应式布局适配界面。
Prev
动态显示尺寸变更
Next
代码生成