HarmonyOS 如何动态适配屏幕?
我们设计稿是以 360 作为基准宽,所以在 main_pages.json 中配置了以下参数:
"window": {
"designWidth": 360,
"autoDesignWidth": false
}
在折叠状态下,UI 是正常的,当时展开后图标均过大,所以想动态改变 designWidth 值为 720 或动态计算,但下面文档貌似只能配置
我需要如何动态配置,或是如何解决这一问题,我的界面是相机页,不是列表页,所以需要通过这种摆放的方式布局。需要如何解决?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 屏幕适配
159浏览 • 1回复 待解决
HarmonyOS 屏幕适配,字体适配问题
299浏览 • 1回复 待解决
如何适配不同屏幕尺寸?
512浏览 • 1回复 待解决
鸿蒙手机屏幕怎么适配
10251浏览 • 1回复 待解决
HarmonyOS 图片适配,多尺寸屏幕怎么适配图片及图片背景
458浏览 • 1回复 待解决
OpenHarmony designWidth在屏幕旋转时,如何动态更改?
1235浏览 • 1回复 待解决
关于不同屏幕UI适配方案
508浏览 • 1回复 待解决
HarmonyOS 中屏幕适配有什么好的方案?
378浏览 • 0回复 待解决
请问现在harmonyOS有屏幕适配方案吗?
4078浏览 • 1回复 待解决
HarmonyOS分屏幕模式和小窗口模式适配
998浏览 • 1回复 待解决
鸿蒙应用如何处理不同屏幕尺寸的适配问题?
499浏览 • 0回复 待解决
HarmonyOS 启动图标是否可以根据屏幕大小去加载不同的图片,可以适配屏幕
217浏览 • 1回复 待解决
HarmonyOS 屏幕适配不同尺寸的设备时UI控件高度该如何设置?
250浏览 • 1回复 待解决
屏幕适配插件,各机型屏幕尺寸、分辨率会有一些差异,需要一个专门的插件做UI适配
608浏览 • 1回复 待解决
HarmonyOS 折叠屏展开与关闭状态如何监听与屏幕宽度变化动态计算?
672浏览 • 1回复 待解决
#鸿蒙通关秘籍#HarmonyOS是怎么解决不同设备屏幕适配问题的?
398浏览 • 1回复 待解决
HarmonyOS 多屏幕适配单位PX | VP | FP | LPX | Percentage | Resource用哪个好
344浏览 • 1回复 待解决
HarmonyOS 对于要求固定vp尺寸的图标,如何适配不同机型屏幕的图片资源尺寸?
675浏览 • 1回复 待解决
硬件设备如何适配HarmonyOS?
12826浏览 • 1回复 待解决
HarmonyOS Navigation如何适配pad
145浏览 • 1回复 待解决
HarmonyOS 如何控制屏幕亮度
125浏览 • 1回复 待解决
HarmonyOS 如何接入屏幕共享
87浏览 • 1回复 待解决
HarmonyOS 如何设置屏幕常亮并设置屏幕亮度最高?
430浏览 • 1回复 待解决
HarmonyOS 如何感知屏幕解锁
264浏览 • 1回复 待解决
HarmonyOS 希望适配SVGAPlayer SDK适配
199浏览 • 1回复 待解决
1、关于如何动态配置 main_pages.json 中的 designWidth:
目前不支持动态修改配置文件
2、关于如何适配相机页这种摆放的方式布局页面:
方案1:
ArkUI框架默认采用vp为基准数据单位,这里的designWidth就是在做页面设计时的基准宽度,但是需要注意两点: 如果使用vp为单位(上面介绍了默认就是vp),无论是否配置designWidth,均不会影响UI效果; 如果使用lpx为单位,lpx是会根据配置的designWidth的大小影响UI效果的,举个例子: 如果designWidth把720改成750,假设原先的一个容器组件宽度设置的720lpx,会发生如下情况: 在designWidth:720情况下,该容器组件宽度铺满整个屏幕。在designWidth:750情况下,该容器组件宽度不会铺满屏幕。
由此,可以在当前页面使用vp为基准数据单位来布局,防止展开后图标均过大,像素单位相关详情请参考:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-pixel-units-V5
方案2:
通过响应式布局动态调整页面,详情请参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/responsive-layout-V5