HarmonyOS鸿蒙Next中窗口显示下面留了一条白边

HarmonyOS鸿蒙Next中窗口显示下面留了一条白边 由于游戏的屏幕最佳长宽比是16：9，因此在index.ets上对屏幕做了处理：

   .width('100%')
   .aspectRatio(this.isTablet ? 16/9 : undefined)

结果在平板上显示下面留了一条白边。请问能否调整平板上app的屏幕尺寸？

cke_2110.png


更多关于HarmonyOS鸿蒙Next中窗口显示下面留了一条白边的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

在module.json5 进行配置maxWindowRatio，minWindowRatio 标识当前UIAbility组件支持的最大的宽高比。该标签最小取值为0。

cke_223.png

cke_421.png

具体可以参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/module-configuration-file#abilities标签

更多关于HarmonyOS鸿蒙Next中窗口显示下面留了一条白边的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS Next中窗口底部白边通常由安全区域适配引起。系统为规避屏幕圆角或刘海区域，自动预留了底部安全距离。该设计遵循鸿蒙的沉浸式布局规范，确保内容不被遮挡。开发者可通过设置窗口属性或使用安全区域API进行精确控制。部分场景下若未正确配置布局约束，可能导致空白区域显示异常。

在HarmonyOS Next中，使用.aspectRatio(16/9)时，如果设备屏幕比例不是16:9，系统会默认居中显示内容，多余区域会留白。可以通过设置布局对齐方式或调整窗口属性来适配。例如，使用.layoutWeight(1)结合父容器布局，或者通过displayCutout和safeArea属性管理安全区域，避免白边问题。建议检查窗口模式设置，确保全屏显示。

回到顶部