HarmonyOS 原生应用的UI设计问题
1、原来的UI设计稿上的视图的宽高和文本大小都是px单位的，HarmonyOS app开发的时候使用px2vp()、px2fp()转换的时候，渲染出来视图和UI设计稿完全不一样，都是偏小，请问这个如何处理？难道是需要UI设计师重新出设计图，宽高用VP，文本大小用FP。
2、HarmonyOS应用的statusBar、navBarHeight、tabBar、safeBottom在华为机型上都是多少。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
应用导航设计遇到的问题
320浏览 • 1回复 待解决
HarmonyOS 关于ui设计出稿
370浏览 • 1回复 待解决
APP UI设计标准问题，有人知道吗/
892浏览 • 1回复 待解决
HarmonyOS rnoh中支持非新架构的原生模块和原生UI吗
432浏览 • 1回复 待解决
关于 JS UI 开发的应用的问题？
5716浏览 • 1回复 待解决
应用设计的时候如何分包？
242浏览 • 1回复 待解决
HarmonyOS 应用导航设计完整的demo
4浏览 • 1回复 待解决
harmonyOS SDK 原生广告的问题
206浏览 • 0回复 待解决
设计稿单位转换的问题
874浏览 • 1回复 待解决
基于原生的应用主题开发
566浏览 • 1回复 待解决
HarmonyOS 主页面设计选型问题
433浏览 • 1回复 待解决
HarmonyOS RNOH RNAbility代码设计问题
36浏览 • 1回复 待解决
#鸿蒙通关秘籍#我在使用DevEco Studio进行UI设计时，可以实时看到我的设计变化吗？
196浏览 • 1回复 待解决
HarmonyOS ArkUI-X工程里面自定义的UI组件可以在原生应用里面使用吗？
407浏览 • 1回复 待解决
基于原生能力的跨应用跳转
873浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何根据布局原则设计鸿蒙UI页面？
123浏览 • 1回复 待解决
HarmonyOS UI问题
22浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何设计一个左右地址交换的UI结构？
118浏览 • 1回复 待解决
HarmonyOS 原生应用都分为哪些类型？
133浏览 • 1回复 待解决
HarmonyOS UI布局问题
422浏览 • 1回复 待解决
HarmonyOS LazyForEach问题刷新UI问题
71浏览 • 1回复 待解决
#鸿蒙通关秘籍#应用的多Module设计机制支持什么？
236浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何设计鸿蒙应用的错误提示功能？
120浏览 • 1回复 待解决
HarmonyOS 关于怎么还原设计图问题？
288浏览 • 1回复 待解决
HarmonyOS 按照官方提供的Navigation应用导航设计，如何解决页面组件无法使用生命周期的问题？
448浏览 • 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