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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
    • 资源管理
  • 智能体
  • 主题

    • 图片
    • 字体库
    • 布局
    • 动态 LVGL 版本
    • 覆盖屏幕尺寸
    • 代码生成
    • 移植
    • 模拟器
    • 动态显示尺寸变更
  • 常见问题

项目的显示尺寸在创建后并非固定不变。你可以在编辑器中通过项目配置修改它,设计的其余部分会自动跟随更新。

动态调整显示尺寸

显示尺寸是项目配置的一部分。从工具栏打开设置对话框,在项目分组中修改:

设置项说明
屏幕宽度目标显示器的水平分辨率。
屏幕高度目标显示器的垂直分辨率。

编辑过程中,实时预览面板会显示结果分辨率与宽高比。应用并保存配置后,项目中的所有界面与组件都会更新为新的显示尺寸,因此你可以立即针对新尺寸验证设计,无需重新创建或重新导入项目。

响应式布局集成

显示尺寸的变更与弹性布局配合使用时效果最佳。当容器使用布局时,其子项会按布局规则自动定位,而不是固定在某个坐标,因此界面会自行适配新的尺寸。

结合响应式布局后,设计能够:

  • 自动适配设备尺寸的变化。
  • 在设备尺寸变化时无需重新设计整个界面。布局会针对新的显示尺寸进行调整,同时保持界面的可用性与视觉一致性。

版本支持

实时调整显示尺寸是一项运行时能力:部分 LVGL 版本支持,部分不支持。各版本的能力请参见动态 LVGL 版本指南。

相关指南

  • 设置 - 配置项目的屏幕宽度与高度。
  • 布局 - 使用弹性布局排列子项,使界面适配尺寸变化。
  • 覆盖屏幕尺寸 - 显示尺寸与仅用于编辑器的设计尺寸。
  • 预览 - 按配置的显示尺寸验证设计。
  • 动态 LVGL 版本 - 因版本而异的能力,包括实时显示尺寸调整。
  • 工作区 - 创建项目时配置的显示尺寸。
Prev
模拟器