您的位置:首页 > 移动开发 > Android开发

Android-屏幕适配全攻略(绝对详细)(一)

2015-11-26 10:43 309 查看
转载 http://www.jianshu.com/p/6319e43572fa/comments/839427

前言:这篇文章依然是我在 慕课网 学习 凯子哥 的同名视频 Android-屏幕适配全攻略 ,所记录下来的笔记—凯子哥讲得真的超详细。

2012年到2014年支持Android设备的种类从3997增长到18796。同时各大厂商定制的屏幕尺寸也非常多。这将非常不利于我们进行屏幕适配。这要求我们必须掌握屏幕适配技能,以便使我们的app可以适用于不同屏幕尺寸的设备上。

Android设备分辨率比例

从上图可以看出,主流的分辨率是前六种:1280×720、1920×1080、800×480、854×480、960×540、1184×720,不过我们有解决方案。看完这篇文章,想必你就可以解决常见的屏幕适配问题。

接下来正式进入正题。

一. 核心概念与单位详解

介绍几个在Android屏幕适配上非常重要的名词:

什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?

屏幕尺寸是指屏幕对角线的长度。单位是英寸,1英寸=2.54厘米

屏幕分辨率是指在横纵向上的像素点数,单位是px,1px=1像素点,一般是纵向像素横向像素,如1280×720

屏幕像素密度是指每英寸上的像素点数,单位是dpi,即“dot per inch”的缩写,像素密度和屏幕尺寸和屏幕分辨率有关

屏幕像素密度计算公式

例如:计算Nexus5的屏幕像素密度:

屏幕尺寸:4.95inch、分辨率:1920×1080,屏幕像素密度:445

和官方给出的一样,说明我们计算正确。

什么是dp、dip、dpi、sp、px?之间的关系是什么?

dip:Density Independent Pixels(密度无关像素)的缩写。以160dpi为基准,1dp=1px

dp:同dip

dpi:屏幕像素密度的单位,“dot per inch”的缩写

px:像素,物理上的绝对单位

sp:Scale-Independent Pixels的缩写,可以根据文字大小首选项自动进行缩放。Google推荐我们使用12sp以上的大小,通常可以使用12sp,14sp,18sp,22sp,最好不要使用奇数和小数。

dp的特点

说明:如果A设备的参数为480×320,160dpi,B设置的参数为800×480,240dpi。我们要画出一条和屏幕宽度一样长的直线,如果使用px作为单位,必须在A设备上设置为320px,在B设备上设置480px。但是如果我们使用dp作为单位,由于以160dpi为基准,1dp=1px,所以A设备上设置为320dp就等于屏幕宽度(320px),在B设备上设置为320dp就等于320×(240/160)=480px,即B设备的屏幕宽度。这样,使用dp作为单位就可以实现简单的屏幕适配。这知识一种巧合,也有B设备的像素密度不是这样刚刚好的,就需要我们运用别的屏幕适配技术。

什么是mdpi、hdpi、xdpi、xxdpi、xxxdpi?如何计算和区分?

用于区分不同的像素密度。

名称 像素密度范围 图片大小

mdpi 120dp~160dp 48×48px

hdpi 160dp~240dp 72×72px

xhdpi 240dp~320dp 96×96px

xxhdpi 320dp~480dp 144×144px

xxxhdpi 480dp~640dp 192×192px

devices_displays_density@2x.png

在Google官方开发文档中,说明了 mdpi:hdpi:xhdpi:xxhdpi:xxxhdpi=2:3:4:6:8 的尺寸比例进行缩放。例如,一个图标的大小为48×48dp,表示在mdpi上,实际大小为48×48px,在hdpi像素密度上,实际尺寸为mdpi上的1.5倍,即72×72px,以此类推。

二. 解决方案-支持各种屏幕尺寸

我们可以通过以下几种方式来支持各种屏幕尺寸:

使用wrap_content、math_parent、weight

wrap_content:根据控件的内容设置控件的尺寸

math_parent:根据父控件的尺寸大小设置控件的尺寸

weight:权重,在线性布局中可以使用weight属性设置控件所占的比例

例如,我们要实现下图所显示的效果:当屏幕尺寸改变时,new reader控件两边的控件大小不变,new reader控件会占完剩余的空间。

效果图

实现:通过给new reader控件设置属性:android:layout_width=”wrap_content”,android:layout_weight=”1”,两边两个控件为固定大小,android:layout_weight=”0”

具体布局文件如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: