HarmonyOS 原生应用的UI设计问题
1、原来的UI设计稿上的视图的宽高和文本大小都是px单位的，HarmonyOS app开发的时候使用px2vp()、px2fp()转换的时候，渲染出来视图和UI设计稿完全不一样，都是偏小，请问这个如何处理？难道是需要UI设计师重新出设计图，宽高用VP，文本大小用FP。
2、HarmonyOS应用的statusBar、navBarHeight、tabBar、safeBottom在华为机型上都是多少。
HarmonyOS
赞
收藏 0
回答 1
相关问题
应用导航设计遇到的问题
1057浏览 • 1回复 待解决
鸿蒙应用的 UI 设计有哪些规范和特点？
493浏览 • 1回复 待解决
HarmonyOS 关于ui设计出稿
1216浏览 • 1回复 待解决
APP UI设计标准问题，有人知道吗/
1617浏览 • 1回复 待解决
关于 JS UI 开发的应用的问题？
6593浏览 • 1回复 待解决
HarmonyOS rnoh中支持非新架构的原生模块和原生UI吗
1226浏览 • 1回复 待解决
关于鸿蒙开发的UI框架的响应式设计
259浏览 • 0回复 待解决
harmonyOS SDK 原生广告的问题
1100浏览 • 0回复 待解决
HarmonyOS 应用导航设计完整的demo
801浏览 • 1回复 待解决
应用设计的时候如何分包？
916浏览 • 1回复 待解决
设计稿单位转换的问题
1387浏览 • 1回复 待解决
基于原生的应用主题开发
1379浏览 • 1回复 待解决
元服务UI不符合设计规范？
295浏览 • 0回复 待解决
HarmonyOS ArkUI-X工程里面自定义的UI组件可以在原生应用里面使用吗？
1063浏览 • 1回复 待解决
HarmonyOS 主页面设计选型问题
1088浏览 • 1回复 待解决
HarmonyOS RNOH RNAbility代码设计问题
713浏览 • 1回复 待解决
基于原生能力的跨应用跳转
1674浏览 • 1回复 待解决
HarmonyOS UI问题
757浏览 • 1回复 待解决
#鸿蒙通关秘籍#我在使用DevEco Studio进行UI设计时，可以实时看到我的设计变化吗？
794浏览 • 1回复 待解决
对于鸿蒙应用的用户界面设计，有哪些遵循的设计原则和规范？
245浏览 • 0回复 待解决
HarmonyOS UI布局问题
1231浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何设计一个左右地址交换的UI结构？
770浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
934浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何根据布局原则设计鸿蒙UI页面？
989浏览 • 1回复 待解决
1. 像素之间的转换具体可参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-pixel-units-V5
2. statusBar、navBarHeight、safeBottom高度可通过getwindowavoidarea获取。参考链接https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowavoidarea9
tabBar高度可通过组件区域事件onAreaChange参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#onareachange
px和vp转换关系：
分辨率：240x320 屏幕密度：120 换算（px/vp）:1vp=0.75px
分辨率：320x480 屏幕密度：160 换算（px/vp）:1vp=1px
分辨率：480x800 屏幕密度：240 换算（px/vp）:1vp=1.5px
分辨率：720x1280 屏幕密度：320 换算（px/vp）:1vp=2px
分辨率：1920x1080 屏幕密度：480 换算（px/vp）:1vp=3px
可按照此对应关系进行单位转换，fp与vp类似。
需要确认一下当前高保真是按照多少分辨率进行设计的，是否与当前设备屏幕分辨率一致。若分辨率不一致时直接使用px2fp 是会更改大小的，需要需要开发者自行根据计算公示进行计算转换 vp=（px*160）/PPI（PPI表示屏幕像素点密度）。
字体像素单位：fp (font pixel)，字体像素(font pixel) 大小默认情况下与 vp 相同，即默认情况下 1 fp = 1vp。如果用户在设置中选择了更大的字体，字体的实际显示大小就会在vp的基础上乘以scale系数，即 1 fp = 1 vp * scale。参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-45-V5