HarmonyOS 原生应用的UI设计问题
1、原来的UI设计稿上的视图的宽高和文本大小都是px单位的，HarmonyOS app开发的时候使用px2vp()、px2fp()转换的时候，渲染出来视图和UI设计稿完全不一样，都是偏小，请问这个如何处理？难道是需要UI设计师重新出设计图，宽高用VP，文本大小用FP。
2、HarmonyOS应用的statusBar、navBarHeight、tabBar、safeBottom在华为机型上都是多少。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
应用导航设计遇到的问题
219浏览 • 1回复 待解决
HarmonyOS 关于ui设计出稿
241浏览 • 1回复 待解决
APP UI设计标准问题，有人知道吗/
758浏览 • 1回复 待解决
HarmonyOS rnoh中支持非新架构的原生模块和原生UI吗
332浏览 • 1回复 待解决
关于 JS UI 开发的应用的问题？
5615浏览 • 1回复 待解决
harmonyOS SDK 原生广告的问题
46浏览 • 0回复 待解决
应用设计的时候如何分包？
136浏览 • 1回复 待解决
HarmonyOS 主页面设计选型问题
307浏览 • 1回复 待解决
HarmonyOS ArkUI-X工程里面自定义的UI组件可以在原生应用里面使用吗？
290浏览 • 1回复 待解决
基于原生的应用主题开发
437浏览 • 1回复 待解决
设计稿单位转换的问题
783浏览 • 1回复 待解决
基于原生能力的跨应用跳转
761浏览 • 1回复 待解决
HarmonyOS 原生应用都分为哪些类型？
39浏览 • 1回复 待解决
HarmonyOS UI布局问题
326浏览 • 1回复 待解决
HarmonyOS 原生应用不加固会有什么风险？
121浏览 • 0回复 待解决
HarmonyOS UI 单位适配问题
199浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
326浏览 • 1回复 待解决
HarmonyOS 关于怎么还原设计图问题？
175浏览 • 1回复 待解决
HarmonyOS 按照官方提供的Navigation应用导航设计，如何解决页面组件无法使用生命周期的问题？
260浏览 • 1回复 待解决
HarmonyOS UI 未刷新问题
383浏览 • 0回复 待解决
HarmonyOS UI内部使用AppStorage问题
235浏览 • 1回复 待解决
HarmonyOS关于JSVM中创建原生对象的生命周期问题
305浏览 • 1回复 待解决
HarmonyOS API11中Web部件的onInterceptRequest方法设计有问题
320浏览 • 1回复 待解决
关于Java UI Checkbox的问题?
5736浏览 • 1回复 待解决
如何设计和开发一个属于自己的HarmonyOS车机应用？
7341浏览 • 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