听说你还在用dp做屏幕适配?

大家在Android开发时,肯定会觉得屏幕适配是个尤其痛苦的事,各种屏幕尺寸适配起来巨烦无比。如果我们换个角度我们看下这个问题,不知道大家有没有了解过web前端开发,或者说大家对于网页都不陌生吧,其实适配的问题在web页面的设计中理论上也存在,为什么这么说呢?电脑的显示器的分辨率、包括手机分辨率,我敢说分辨率的种类远超过Android设备的分辨率,那么有一个很奇怪的现象:

为什么Web页面设计人员从来没有说过,屏幕适配好麻烦?

那么,到底是什么原因,让网页的设计可以在千差万别的分辨率的分辨率中依旧能给用户一个优质的体验呢?带着这个疑惑,我问了下一个前端朋友,朋友睁大眼睛问我:适配是什么?? 前端似乎看来的确没有这类问题,后来在我仔细的追问后,她告诉我,噢 这个尺寸呀,我们一般都加个viewport,我都是设置为20%缩放的~~ 追根到底,其实就是一个原因,网页提供了缩放比计算大小。

同样的,大家拿到UI给的设计图以后,是不是抱怨过UI妹妹标识的都是px,而我项目里面用dp,这都什么玩意😂,和UI解释她也不理解,开发同样也是一脸无奈。所以能不能有一套完美的解决方案来解决Android工程师和UI妹妹间的矛盾,实现UI给出一个固定尺寸的设计稿,然后你在编写布局的时候不用思考,无脑照抄上面标识的像素值,就能达到完美适配。理想够丰满,但现实够残酷:

由于Android系统的开放性,任何用户、开发者、OEM厂商、运营商都可以对Android进行定制,于是导致:

  • Android系统碎片化:小米定制的MIUI、魅族定制的flyme、华为定制的EMUI等等,当然其都是基于Google原生系统定制的

  • Android机型屏幕尺寸碎片化:5寸、5.5寸、6寸等等

  • Android屏幕分辨率碎片化:320x480、480x800、720x1280、1080x1920

据友盟指数显示,统计至2015年12月,支持Android的设备共有27796种

当Android系统、屏幕尺寸、屏幕密度出现碎片化的时候,就很容易出现同一元素在不同手机上显示不同的问题。

试想一下这么一个场景:

为4.3寸屏幕准备的UI设计图,运行在5.0寸的屏幕上,很可能在右侧和下侧存在大量的空白;而5.0寸的UI设计图运行到4.3寸的设备上,很可能显示不下。

屏幕种类这么多,那么就需要一套完美的方案去解决适配问题,介绍屏幕适配方案之前,先简单介绍下Android屏幕中用到的一些相关重要概念::**

屏幕尺寸

· 含义:手机对角线的物理尺寸

· 单位:英寸(inch),1英寸=2.54cm

Android手机常见的尺寸有5寸、5.5寸、6寸等等

屏幕分辨率

· 含义:手机在横向、纵向上的像素点数总和

  1. 一般描述成屏幕的"宽x高”=AxB

  2. 含义:屏幕在横向方向(宽度)上有A个像素点,在纵向方向(高)有B个像素点

例子:1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点

  • 单位:px(pixel),1px=1个像素点

UI设计师的设计图会以px作为统一的计量单位

  • Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920、 1080x2340
屏幕像素密度
  • 含义:每英寸的像素点数

  • 单位:dpi(dots per ich)

假设设备内每英寸有160个像素,那么该设备的屏幕像素密度=160dpi

  • 安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度:
密度类型 代表的分辨率(px) 屏幕密度(dpi)
低密度(ldpi) 240x320 120
中密度(mdpi) 320x480 160
高密度(hdpi) 480x800 240
超高密度(xhdpi) 720x1280 320
超超高密度(xxhdpi) 1080x1920 480
屏幕尺寸、分辨率、像素密度三者关系

一部手机的分辨率是宽*高,屏幕大小是以寸为单位,那么三者的关系是:

aaaa.webp

不懂没关系,在这里举个例子

假设一部手机的分辨率是1080x1920(px),屏幕大小是5寸,问密度是多少?

:请直接套公式

aaaa.webp

密度无关像素
  • 含义:density-independent pixel,叫dp或dip,与终端上的实际物理像素点无关。
  • 单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果
  1. Android开发时用dp而不是px单位设置图片大小,是Android特有的单位
  2. 场景:假如同样都是画一条长度是屏幕一半的线,如果使用px作为计量单位,那么在480x800分辨率手机上设置应为240px;在320x480的手机上应设置为160px,二者设置就不同了;如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一半的长度。
  • dp与px的转换
    因为ui设计师给你的设计图是以px为单位的,Android开发则是使用dp作为单位的,那么我们需要进行转换:
密度类型 代表的分辨率(px) 屏幕密度(dpi) 换算(px/dp)
低密度(ldpi) 240x320 120 1dp=0.75px
中密度(mdpi) 320x480 160 1dp=1px
高密度(hdpi) 480x800 240 1dp=1.5px
超高密度(xhdpi) 720x1280 320 1dp=2px
超超高密度(
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值