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

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

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

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

项目创建后,显示尺寸并非固定不变:在编辑器中修改项目配置即可调整,其余设计会自动跟随更新。

动态调整显示尺寸

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

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

编辑过程中,屏幕预览会显示调整后的分辨率与宽高比。选择保存后,项目中的所有界面与组件都会更新为新的显示尺寸,可立即针对新尺寸验证设计,无需重建或重新导入项目。

响应式布局集成

调整显示尺寸时,配合弹性布局使用效果最佳。容器启用布局后,子组件按布局规则自动定位,不再固定于某个坐标,界面因此能自适应新尺寸。

配合响应式布局后,设计可以:

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

相关指南

  • 设置 - 配置项目的屏幕宽度与高度。
  • 布局 - 使用弹性布局排列子组件,使界面适配尺寸变化。
  • 重置屏幕尺寸 - 设计时重置屏幕的显示尺寸。
  • 预览 - 按配置的显示尺寸验证设计。
  • 动态 LVGL 版本 - 因版本而异的能力,含实时显示尺寸调整。
  • 工作区 - 创建项目时配置的显示尺寸。
Prev
动态 LVGL 版本
Next
重置屏幕尺寸