Android屏幕适配解决方案
一、屏幕相关基本概念
1.屏幕分辨率
手机在横向和纵向上的像素点数总和,单位是像素(pixel),1px = 1像素点,举个例子,1080x1920,即宽度方向上有1080个像素点,在高度方向上有1920个像素点。
2.屏幕尺寸
屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米
,比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等
3.屏幕像素密度(dpi)
屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。假设1英寸上像素点为160个,那么该屏幕像素密度为160dpi,同理可知其余屏幕像素密度。
为简便起见,Android 将所有屏幕密度分组为六种通用密度: 低、中、高、超高、超超高和超超超高。
- ldpi(低)~ 120dpi
- mdpi(中)~ 160dpi
- hdpi(高)~ 240dpi
- xhdpi(超高)~ 320dpi
- xxhdpi(超超高) ~ 480dpi
- xxxhdpi(超超超高)~ 640dpi
4.屏幕相关单位
px:像素单位,屏幕上像素点的大小不是固定的,像素点可大可小
-
dp:长度单位,与具体屏幕像素无关,显示的时候根据具体平台屏幕密度的不同最终转换为相应的像素长度,具体转换规则是: 1px = (dpi/标准密度<160dpi>)*dp,标准密度为160dpi,例如,1dp长度在密度为160dpi的平台表示一个像素的长度,而在240dpi的平台则表示1.5个像素的长度
Density-independent pixel (dp)独立像素密度。标准是160dip.即1dp对应1个pixel,计算公式如:px = dp * (dpi / 160),屏幕密度越大,1dp对应 的像素点越多。
上面的公式中有个dpi,dpi为DPI是Dots Per Inch(每英寸所打印的点数),也就是当设备的dpi为160的时候1px=1dp; sp:Scale Independent Pixels, 即sp或sip,Android开发时用此单位设置文字大小,可根据字体大小首选项进行缩放,推荐使用12sp、14sp、18sp、22sp作为字体设置的大小,不推荐使用奇数和小数,容易造成精度的丢失问题,小于12sp的字体会太小导致用户看不清。
5.屏幕密度无关像素dp(dip)
Density Independent Pixels,即密度无关像素。
dip和dp是一个意思,都是Density Independent Pixels的缩写,即密度无关像素,上面我们说过,dpi是屏幕像素密度,假如一英寸里面有160个像素,这个屏幕的像素密度就是160dpi,那么在这种情况下,dp和px如何换算呢?在Android中,规定以160dpi为基准,1dip=1px,如果密度是320dpi,则1dip=2px,以此类推。
120dpi 1px=0.75*1dp
160dpi, 1px = 1dp
240dpi, 1px = 1.5*1dp
320dpi, 1px = 2*1dp
480dpi, 1px = 3*1dp
-
640dpi, 1px = 4*1dp
名称 屏幕密度 通常分辨率 ldpi 120dpi 320*240 mhdpi 160dpi 320*480 hdpi 240dpi 480*800 xhdpi 320dpi 720*1280 xxhdpi 480dpi 1080*1920 xxxhdpi 640dpi 1440*2560 drawable名称 dpi density drawable-ldpi dpi=120 density=0.75 drawable-mdpi dpi=160 density=1 drawable-hdpi dpi=240 density=1.5 drawable-xhdpi dpi=320 density=2 drawable-xxhdpi dpi=480 density=3
6.屏幕适配之图片适配
在设计图标时,对于5种主流的像素密度(mdpi,hdpi,xhdpi,xxhdpi和xxxdpi)应按照2:3:4:6:8的比例进行缩放。例如一个启动图片ic_launcher.png,它在各个像素密度文件夹下大小为:
- ldpi(低)36*36 (0.75x)
- mdpi(中)48*48 (1x)
- hdpi(高)72*72 (1.5x)
- xhdpi(超高)96*96 (2x)
- xxhdpi(超超高)144*144 (3x)
- xxxhdpi(超超超高)192*192 (4x)
1.存在问题
- 每套分辨率出一套图,为美工或者设计增加了许多工作量
- 对Android工程文件的apk包变的很大
2.解决方法
-
Android SDK加载图片流程
- Android SDK会根据屏幕密度自动选择对应的资源文件进行渲染加载,比如说,SDK检测到你手机的分辨率是xhdpi,会优先到xhdpi文件夹下找对应的图片资源
- 如果xhdpi文件夹下没有图片资源,那么就会去分辨率高的文件夹下查找,比如xxhdpi,直到找到同名图片资源,将它按比例缩小成xhpi图片
- 如果往上查找图片还是没有找到,那么就会往低分辨率的文件夹查找,比如hdpi,直到找到同名图片资源,将它按比例放大成xhpi图片
-
推荐使用尺寸:xhdpi
xhdpi目前主流,如果选用太低分辨率的图片,那么在高分辨率手机上显示就会模糊
iPhone主流的屏幕dpi约等于320, 刚好属于xhdpi,设计只需切一套图就好了。
二、限定符
1.尺寸限定符
- 在手机较小的屏幕上,加载layout文件夹布局
- 在平板电脑和电视的屏幕(>7英寸)上, 加载layout-large文件夹的布局
- Android3.2版本之前
2.最小宽度限定符(在Android3.2版本及之后版本)
- 在手机较小的屏幕上,加载layout文件夹布局
- 标准7英寸平板(其最小宽度为 600 dp),加载layout-sw600dp文件夹的布局
3.布局别名
- 适配手机的单面板(默认)布局:res/layout/activity_main.xml
- 适配尺寸>7寸平板的双面板布局(Android3.2前):res/layout-large/activity_main.xml
- 适配尺寸>7寸平板的双面板布局(Android3.2后):res/layout-sw600dp/activity_main.xml
这样会导致多个文件夹下出现相同命名的xml文件,为了解决这个问题,我们使用了布局别名的方式:
- 适配手机的单面板(默认)布局:res/layout/activity_main.xml
- 适配尺寸>7寸平板的双面板布局:res/layout/activity_twopanes.xml
res/values/layout.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_main</item>
</resources>
- res/values-large/layout.xml(Android3.2之前)
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_twopanes</item>
</resources>
- res/values-sw600dp/layout.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="main" type="layout">@layout/activity_twopanes</item>
</resources>
- setContentView(R.layout.main);
4.屏幕方向限定符
- res/layout-land
- res/layout-port
- res/layout-sw600dp-land
- res/layout-sw600dp-port
5.屏幕适配之dimen适配
即使使用dp,依然不能解决屏幕分辨率的适配问题,我们可以针对不同的屏幕创建不同的dimen值,因此我们需要根据不同屏幕创建相应的values文件夹以及dimens.xml文件
- res/values/dimens.xml
<resources>
<dimen name="button_length_1">180dp</dimen>
<dimen name="button_length_2">160dp</dimen>
</resources>
- res/values-480x800/dimens.xml
<resources>
<dimen name="button_length_1">113dp</dimen>
<dimen name="button_length_2">100dp</dimen>
</resources>
特别提示:此dimen适配方式也适用于layout,values资源文件