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

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

发布

相关问题

如何适配不同屏幕尺寸？

326浏览 • 1回复待解决

鸿蒙应用如何处理不同屏幕尺寸的适配问题?

207浏览 • 0回复待解决

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

257浏览 • 1回复待解决

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

490浏览 • 1回复待解决

HarmonyOS VP尺寸单位单位问题

368浏览 • 0回复待解决

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

242浏览 • 1回复待解决

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

627浏览 • 1回复待解决

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

454浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙开发中适配不同尺寸设备的弹窗样式？

95浏览 • 1回复待解决

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

596浏览 • 1回复待解决

HarmonyOS svg图片尺寸

267浏览 • 1回复待解决

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

248浏览 • 1回复待解决

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

952浏览 • 1回复待解决

HarmonyOS HarmonyOS应用图标大小相应的规格吗，不同设备上要求的大小是多少呢，一个应用如何适配多种设备的要求

0浏览 • 1回复待解决

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

449浏览 • 1回复待解决

HarmonyOS中如何获取Image加载的网络图片的尺寸大小？

180浏览 • 0回复待解决

HarmonyOS Web加载富文本，内容尺寸过大，超出屏幕

29浏览 • 1回复待解决

HarmonyOS 如何获取某个组件的尺寸？

12浏览 • 1回复待解决

如何设置组件的尺寸范围？

372浏览 • 1回复待解决

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

3040浏览 • 1回复待解决

392浏览 • 1回复待解决

381浏览 • 1回复待解决

462浏览 • 1回复待解决

342浏览 • 1回复待解决

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

215浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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