19_微信小程序-BLE低功耗蓝牙开发-分辨率适配的单位

说到小程序适配,这里可以说一下微信小程序的‘rpx’。其实现在不管是安卓还是IOS的设备,在设计的时候,都不是直接采用屏幕的物理分辨率单位,因为不同手机分辨率不一样,那么做设计开发的人员不可能去针对每款手机都去做一套UI,所以为了统一方便设计,采用了一个对应关系的单位,比如苹果的pt,安卓的pd,微信小程序的rpx,表示的是一个对应关系。在不同分辨率的手机上,对应关系是不同的。这个对应关系是系统自行去计算的,这样设计的时候,就只需要设计一套,然后就可以在大部分的手机上正常显示了。某些手机还是要去做特殊的调整的。

常见的一些显示概念

1) px 分辨率

        px分辨率的单位,表示的像素,比如平时所手机有屏幕是多少分辨率的1280x720、1920x1080,单位都是px。分辨率越高显示越细腻,但是并不带表显示色彩越丰富哦,显示色彩丰富是和另一个概念挂钩的“色域”。因为屏幕分辨率很高,但是屏幕可能是单色的,那么就只能显示一种颜色,色彩就不丰富。

2) 色域

        表示显示屏可显示的色彩范围,因为色彩是由红绿蓝三基色混合而成的,常见的每种颜色显示范围为0~255,但是很多显示屏是没有办法达到的这么丰富的显示范围,所以就只能显示其中的一部分色彩了。所以百分之多少的色域,表示的就是能够显示其中多少比例的颜色。色域越大,表示显示的色彩越丰富。当然色域也有很多标准,比如:sRGB、NTSC、Adobe RGB、DCI-P3等,每个标准所表示的色彩范围是不一样的,针对的运用场景也有所不同。

        

3)PPI  像素密度

         表示每英寸里面包含了多少个像素点。也可以理解为每个像素之间的距离。距离越小,像素密度就越大,显示也更细腻。同样尺寸的屏幕(比如5.1寸)理论上1920x1080分辨率的显示效果要好于1280x720分辨率的效果。其实像素密度也会影响可是距离,比如户外的广告大屏,像素密度都比较低,需要在很远的地方才能看清楚,而且近距离观看,看起来也不舒服。

4)安卓的pd

        dp(Density-Independent Pixels),是google提出的对应关系单位,基准是160ppi下的1px代表的尺寸。    

        比如4x,那么一个dp=4px,就是一个设计单位在640DPI的手机上需要用4像素去显示。

5)苹果的pt

        也是苹果提出的对应关系的单位,用初代iphone的1个像素点的大小作为基准,记作1pt(point),其他手机系统会自动去调整对应关系。

        

6)微信的rpx

        是微信提出来的对应关系的单位,rpx = (屏幕宽度/750) px。

        如果手机的屏幕宽度是 375px,按照 750rpx 进行换算,则等于 1rpx = 0.5px

        如果手机的屏幕宽度是 1125px,换算后 1rpx = 1.5px

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值