HarmonyOS 对于要求固定vp尺寸的图标，如何适配不同机型屏幕的图片资源尺寸？

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/statusbar-extension-guide-V5#section1697015212156文档中提到使用"两张24vp * 24vp尺寸的图片"，vp是虚拟像素，与px的换算关系是不固定的。

设备有很多机型规格，可能有些设备的vp2px(24) 等于30，有些等于35。

那么怎么才能知道一共需要多少种尺寸的图标？在代码中应该如何为不同屏幕规格的设备提供不同尺寸的图片？

HarmonyOS

Heiang

2024-09-29 11:43:21

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

目前像素单位vp,支持自适应,另外可以使用像素单位lpx,并在配置文件中设置designWidth。示例：

{  
  "src": [  
  "pages/index/mainPage", "pages/second/payment", "pages/third/shopping_cart", "pages/four/owner" ],  
  "window":  
  {  
    "designWidth":  
    720, "autoDesignWidth":  
    false  
  }  
}

可以通过查询SCREEN_SDPI的值(屏幕密度)：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-resource-manager-V5#devicetype

得到densitPixels(屏幕密度和标准dpi(160)的比例)，vp = px/dpi/160。

2024-09-29 16:07:29

如何写精华回答，获更多曝光？

发布

相关问题

如何适配不同屏幕尺寸？

223浏览 • 1回复待解决

HarmonyOS 图片适配，多尺寸屏幕怎么适配图片及图片背景

151浏览 • 1回复待解决

屏幕适配插件，各机型屏幕尺寸、分辨率会有一些差异，需要一个专门的插件做UI适配

305浏览 • 1回复待解决

HarmonyOS VP尺寸单位单位问题

198浏览 • 0回复待解决

HarmonyOS 屏幕分辨率在不同尺寸上如何实现自适应?

149浏览 • 1回复待解决

如何使用ArkUI设计响应式布局以适应不同屏幕尺寸？

405浏览 • 1回复待解决

如何获取网络图片的尺寸？

323浏览 • 1回复待解决

HarmonyOS svg图片尺寸

110浏览 • 1回复待解决

如何定义UI布局的vp单位达到不同机器的自适应

439浏览 • 1回复待解决

#鸿蒙学习大百科#如何通过List组件的lanes属性适配不同尺寸的设备？

151浏览 • 1回复待解决

像素转换，图片的大小尺寸定义为多大尺寸比较合理？应该放在什么标准的dpi中才能得到更好的适配效

804浏览 • 1回复待解决

HarmonyOS如何换算字体或图片尺寸问题

322浏览 • 1回复待解决

304浏览 • 1回复待解决

317浏览 • 1回复待解决

328浏览 • 1回复待解决

237浏览 • 1回复待解决

298浏览 • 1回复待解决

UI布局默认是多少vp为基准，以达到不同机器自适应

2885浏览 • 1回复待解决

应用图标 app_icon 的建议尺寸是什么，有无其他注意事项

301浏览 • 1回复待解决

如何获取单位为vp的屏幕宽度？

154浏览 • 1回复待解决

app首页有一个引导蒙版的功能，想咨询一下使用什么方式做用户引导蒙版比较好，可以满足不同机型的适配？

128浏览 • 1回复待解决

#鸿蒙学习大百科#GridRow如何适配sm，md，lg三种尺寸的设备？

204浏览 • 1回复待解决

ConstraintSize尺寸设置问题

430浏览 • 1回复待解决

Image组件设置alt预览图和ImageFit.Fill后，网络图片加载出来后尺寸还是预览图的尺寸？

198浏览 • 1回复待解决

Navigation和Tabs组件如何获取内容区域的尺寸

2056浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

HarmonyOS 对于要求固定vp尺寸的图标，如何适配不同机型屏幕的图片资源尺寸？

订阅鸿蒙技术特刊，精选内容抢先看