Android屏幕适配-基础篇
Android屏幕适配-应用篇
重要概念
什么是屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)?
什么是dp、dip、sp?dp与px的转换?
在下面的内容中我们将介绍这些概念。
一、什么是屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)以及三者关系?
1、屏幕尺寸
含义:手机对角线的物理尺寸
单位:英寸(inch),1英寸=2.54cm
Android手机常见的尺寸有5寸、5.5寸、6寸等等
2、屏幕分辨率(px)
含义:手机在横向、纵向上的像素点数总和,一般描述成屏幕的"宽x高”=AxB
单位:px(pixel),1px=1像素点
UI设计师的设计图会以px作为统一的计量单位
Android手机常见的分辨率:320x480、480x800、720x1280、1080x1920、2560x1440
3、屏幕像素密度(dpi)
屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。
4、三者关系
一部手机的分辨率是宽x高,屏幕大小是以寸为单位,那么三者的关系是:
944365-2b5dc928ab334440.png
例如:假设一部手机的分辨率是1080x1920(px),屏幕大小是5寸,问该手机的像素密度是多少?
944365-5f2509be9276460c.png
二、什么是dp、dip、sp?dp与px的转换?
1、密度无关像素(dp、dpi)
含义:density-independent pixel,叫dp或dip,与终端上的实际物理像素点无关。Android开发时用dp而不是px单位设置控件大小,是Android特有的单位
单位:dp,可以保证在不同屏幕像素密度的设备上显示相同的效果
场景:假如同样都是画一条长度是屏幕一半的线,如果使用px作为计量单位,那么在480x800分辨率手机上设置应为240px;在320x480的手机上应设置为160px,二者设置就不同了;如果使用dp为单位,在这两种分辨率下,160dp都显示为屏幕一半的长度。
2、独立比例像素(sp)
含义:scale-independent pixel,叫sp或sip
单位:sp
Android开发时用此单位设置文字大小,可根据字体大小首选项进行缩放
推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题;小于12sp的字体会太小导致用户看不清
3、dp与px的转换
android中的dp在渲染前会将dp转为px,计算公式:
density = dpi / 160;
px = density * dp;
px = dp * (dpi / 160);
dp=px / (dpi / 160)
而dpi是根据屏幕真实的分辨率和尺寸来计算的,每个设备都可能不一样的。
因为ui设计师给你的设计图是以px为单位的,Android开发则是使用dp作为单位的,那么我们需要进行转换:
密度类型 | 代表的分辨率(px) | 屏幕密度(dpi) | 换算(px/dp) | 密度(density) |
---|---|---|---|---|
低密度(ldpi) | 240x320 | 120 | 1dp=0.75px | 0.75 |
中密度(mdpi) | 320x480 | 160 | 1dp=1px | 1 |
高密度(hdpi) | 480x800 | 240 | 1dp=1.5px | 1.5 |
超高密度(xhdpi) | 720x1280 | 320 | 1dp=2px | 2 |
超超高密度(xxhdpi) | 1080x1920 | 480 | 1dp=3px | 3 |
超超超高密度(xxxhdpi) | 3840*2160 | 640 | 1dp=4px | 4 |
在Android中,规定以160dpi(即屏幕分辨率为320x480)为基准:1dp=1px,比如设计图是以720x1280 dpi:320为基准,某控件标注宽为500px,那么我们在xml文件中设置该控件的宽时,应设置为:500/(320/160) = 250dp。
三、关于ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi
比如设计图是以720x1280px,dpi:320为基准,标注的某图片大小为200*200px,那么应获取如下大小的图片(如获取最好的显示效果,所有的尺寸都需要获取):
Android手机屏幕标准 | 对应图片尺寸标准 |
---|---|
xxxhdpi 3840*2160 | 400*400 |
xxhdpi 1920*1080 | 300*300 |
xhdpi 1280*720 | 200*200(设计图基准) |
hdpi 480*800 | 150*150 |
mdpi 480*320 | 100*100 |
网友评论