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 使用问题有人知道吗
899浏览 • 1回复 待解决
clientid相关问题有人知道吗
1852浏览 • 1回复 待解决
List组件性能问题有人知道吗
2075浏览 • 1回复 待解决
状态管理相关问题有人知道吗?
680浏览 • 1回复 待解决
如何跳转到app设置页,有人知道吗
619浏览 • 1回复 待解决
有人知道吗
666浏览 • 1回复 待解决
webview组件demo ,有人知道吗
806浏览 • 1回复 待解决
如何保存faultLogger ,有人知道吗
636浏览 • 1回复 待解决
有人知道吗
234浏览 • 1回复 待解决
如何跳出ForEach,有人知道吗
2078浏览 • 1回复 待解决
如何发送短信,有人知道吗?
1930浏览 • 1回复 待解决
如何实现振动,有人知道吗
1178浏览 • 2回复 待解决
如何获取windowStage,有人知道吗
472浏览 • 1回复 待解决
关于3des加解密问题有人知道吗
206浏览 • 1回复 待解决
如何获取wifi列表,有人知道吗
564浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
1828浏览 • 0回复 待解决
有人知道吗
344浏览 • 0回复 待解决
如何实现图片预览,有人知道吗
642浏览 • 1回复 待解决
如何实现翻页功能,有人知道吗
1953浏览 • 1回复 待解决
IDE如何开启ASAN,有人知道吗
343浏览 • 1回复 待解决
如何使用快速修复,有人知道吗
690浏览 • 1回复 待解决
如何定义dialog动画,有人知道吗?
1956浏览 • 1回复 待解决
如何引用HSP库,有人知道吗?
1695浏览 • 1回复 待解决
$r是否支持嵌套,有人知道吗
369浏览 • 1回复 待解决
如何实现镂空效果,有人知道吗?
386浏览 • 1回复 待解决