HarmonyOS 鸿蒙Next折叠屏建议的图片尺寸是多大

发布于 1周前 作者 wuwangju 来自 鸿蒙OS

HarmonyOS 鸿蒙Next折叠屏建议的图片尺寸是多大

首页需要使用广告图片,现在不能适配折叠屏,想了解折叠屏应该适配什么样的尺寸

2 回复
设备响应式设计https://developer.huawei.com/consumer/cn/doc/design-guides/responsive-design-overview-0000001746498066#section1531711918247
折叠屏设计指导文档:https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-foldable-guilde-V5
相关折叠屏状态监听接口:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-display-V13
可以查看下折叠屏体验设计实践的1.3广告图:https://developer.huawei.com/consumer/cn/doc/best-practices-V5/bpta-foldable-guilde-V5#section18249030173411
是否可以参照手机适配的方式,这是几个参数,当屏幕的像素大于多少时,动态修改广告图片的大小,以达到适配的要求,可以参考购物应用中的BreakpointConstants.ets
如果一定要折叠屏建议图片的大小的话,可以通过:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V1/js-apis-display-0000001630306097-V1#ZH-CN_TOPIC_0000001666707012__displaygetdefaultdisplaydeprecated 获取当前屏幕的尺寸来决定广告图片显示多大
从这里的第三点开发指导可以看出,当前已出现或未来可能出现的折叠屏设备,它们有着不同的屏幕尺寸和像素密度,而且在折叠屏设备从展开到折叠的切换过程中,同一个设备可能出现多种屏幕尺寸的使用状态。比较难把握。https://developer.huawei.com/consumer/cn/forum/topic/297?fid=24

更多关于HarmonyOS 鸿蒙Next折叠屏建议的图片尺寸是多大的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next折叠屏建议的图片尺寸需根据具体应用场景和设备屏幕特性来确定。一般情况下,为适配折叠屏设备的不同展开状态(如折叠态和展开态),建议准备以下两种尺寸的图片资源:

  1. 折叠态图片尺寸:考虑到折叠态时屏幕的长宽比例和分辨率,建议图片尺寸设计为接近该状态下的屏幕分辨率,例如常见的18:9或21:9比例,分辨率可选择接近1080P或更高,具体数值需根据设备实际参数调整。

  2. 展开态图片尺寸:在展开态下,屏幕尺寸更大,长宽比可能发生变化,建议准备更大尺寸的图片,如接近平板电脑的分辨率,如2K或更高,长宽比需根据设备具体设计而定,常见的有4:3、16:10等。

为确保图片在不同状态下的显示效果,建议使用矢量图(SVG)或高分辨率图片,并通过鸿蒙系统的资源管理系统进行动态适配。同时,注意图片内容的布局和比例,确保在不同屏幕尺寸下都能保持良好的视觉效果。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部