APP UI设计标准问题,有人知道吗/

1、根据下方文档已知1pv=1fp,如果lpx的designWidth修改为750,fp会有变化吗?字体单位全都使用fp?

2、如果设计稿都是750px,如果通过designWidth把 720 改成750是不是可行? 根据HarmonyOS特性推荐使用vp还是lpx,如果想使用LPX并修改designWidth:750会不会有我们无法预料的问题。

HarmonyOS
2024-06-04 23:50:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
koarla

虚拟像素单位:vp虚拟像素(virtual pixel)是一台设备针对应用而言所具有的虚拟尺寸(区别于屏幕硬件本身的像素单位)。它提供了一种灵活的方式来适应不同屏幕密度的显示效果。

字体像素单位:fp字体像素(font pixel) 大小默认情况下与 vp 相同,即默认情况下 1 fp = 1vp。如果用户在设置中选择了更大的字体,字体的实际显示大小就会在 vp 的基础上乘以 scale 系数,即 1 fp = 1 vp * scale。文字的大小单位一般使用fp,如果不加单位默认为px,使用px在不同的设备上可能会导致布局有较大偏差,而fp中处理了屏幕像素密度,会有比较好的适配效果。距离单位一般使用vp,道理和fp一样,这一点和Android中的sp和dp一样。

如果使用vp,无论是否配置designWidth,均不会影响ui效果。

如果使用lpx,lpx会根据配置的designWidth大小所影响。

如果designWidth把 720 改成750,假设原先的一个容器组件宽度设置的720lpx,会发生下面的情况:

在designWidth:720情况下 该容器组件宽度铺满一个屏幕。

在designWidth:750情况下 该容器组件宽度不会铺满屏幕。

分享
微博
QQ
微信
回复
2024-06-05 20:10:32
相关问题
taskpool 使用问题有人知道吗
429浏览 • 1回复 待解决
clientid相关问题有人知道吗
591浏览 • 1回复 待解决
List组件性能问题有人知道吗
709浏览 • 1回复 待解决
状态管理相关问题有人知道吗?
382浏览 • 1回复 待解决
如何跳转到app设置页,有人知道吗
304浏览 • 1回复 待解决
webview组件demo ,有人知道吗
444浏览 • 1回复 待解决
如何跳出ForEach,有人知道吗
701浏览 • 1回复 待解决
如何发送短信,有人知道吗?
673浏览 • 1回复 待解决
有人知道吗
57浏览 • 1回复 待解决
如何保存faultLogger ,有人知道吗
178浏览 • 1回复 待解决
如何实现振动,有人知道吗
713浏览 • 2回复 待解决
如何实现翻页功能,有人知道吗
661浏览 • 1回复 待解决
如何定义dialog动画,有人知道吗?
803浏览 • 1回复 待解决
如何引用HSP库,有人知道吗?
683浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
674浏览 • 0回复 待解决
如何使用快速修复,有人知道吗
256浏览 • 1回复 待解决
IP地址如何转化,有人知道吗
251浏览 • 1回复 待解决
charles抓包流程,有人知道吗
287浏览 • 1回复 待解决
如何获取系统电量,有人知道吗
700浏览 • 1回复 待解决
如何获取组件高度,有人知道吗
671浏览 • 1回复 待解决
如何开启AOT编译模式,有人知道吗
795浏览 • 1回复 待解决
如何实现http长连接,有人知道吗
630浏览 • 1回复 待解决
是否有无网判断接口,有人知道吗
599浏览 • 1回复 待解决
图片压缩并保存方法,有人知道吗
349浏览 • 0回复 待解决
有人知道吗
360浏览 • 1回复 待解决