本文详细总结了Android屏幕适配的各种方法，包括屏幕尺寸、分辨率、像素密度的关系，介绍了密度无关像素（dp）和独立比例像素（sp）的概念。重点讲述了为何进行屏幕适配以及解决方案，如使用相对布局、尺寸限定符、最小宽度限定符、布局别名等，还涵盖了屏幕方向的适配。最后，探讨了如何解决控件尺寸和密度适配问题，提出百分比适配方法，强调了图片资源的适配策略。
http://blog.csdn.net/lmj623565791/article/details/45460089
http://blog.csdn.net/whuhan2013/article/details/51501462
1.支持各种屏幕尺寸： 使用wrap_content, match_parent, weight.要确保布局的灵活性并适应各种尺寸的屏幕，应使用 “wrap_content” 和 “match_parent” 控制某些视图组件的宽度和高度。
2.使用相对布局，禁用绝对布局在开发中，我们大部分时候使用的都是线性布局、相对布局和帧布局，绝对布局由于适配性极差，所以极少使用。
3.使用尺寸限定符。通过使用配置限定符，在运行时根据当前的设备配置自动选择合适的资源了，例如根据各种屏幕尺寸选择不同的布局。很多应用会在较大的屏幕上实施“双面板”模式，即在一个面板上显示项目列表，而在另一面板上显示对应内容。平板电脑和电视的屏幕已经大到可以同时容纳这两个面板了，但手机屏幕就需要分别显示。
4.使用自动拉伸位图，支持各种屏幕尺寸通常意味着您的图片资源还必须能适应各种尺寸。例如，无论要应用到什么形状的按钮上，按钮背景都必须能适应。
支持各种屏幕尺寸
使用wrap_content、match_parent、weight
要确保布局的灵活性并适应各种尺寸的屏幕，应使用 “wrap_content” 和 “match_parent” 控制某些视图组件的宽度和高度。
使用 “wrap_content”，系统就会将视图的宽度或高度设置成所需的最小尺寸以适应视图中的内容，而 “match_parent”（在低于 API 级别 8 的级别中称为 “fill_parent”）则会展开组件以匹配其父视图的尺寸。
如果使用 “wrap_content” 和 “match_parent” 尺寸值而不是硬编码的尺寸，视图就会相应地仅使用自身所需的空间或展开以填满可用空间。此方法可让布局正确适应各种屏幕尺寸和屏幕方向。
下面是一段示例代码
下图是在横纵屏切换的时候的显示效果，我们可以看到这样可以很好的适配屏幕尺寸的变化。
weight是线性布局的一个独特的属性，我们可以使用这个属性来按照比例对界面进行分配，完成一些特殊的需求。
但是，我们对于这个属性的计算应该如何理解呢？
首先看下面的例子，我们在布局中这样设置我们的界面
我们在布局里面设置为线性布局，横向排列，然后放置两个宽度为0dp的按钮，分别设置weight为1和2，在效果图中，我们可以看到两个按钮按照1：2的宽度比例正常排列了，这也是我们经常使用到的场景，这是时候很好理解，Button1的宽度就是1/(1+2) = 1/3，Button2的宽度则是2/(1+2) = 2/3，我们可以很清楚的明白这种情景下的占比如何计算。
但是假如我们的宽度不是0dp(wrap_content和0dp的效果相同)，则是match_parent呢？
下面是设置为match_parent的效果
我们可以看到，在这种情况下，占比和上面正好相反，这是怎么回事呢？说到这里，我们就不得不提一下weight的计算方法了。
android:layout_weight的真实含义是:如果View设置了该属性并且有效，那么该 View的宽度等于原有宽度(android:layout_width)加上剩余空间的占比。
从这个角度我们来解释一下上面的现象。在上面的代码中，我们设置每个Button的宽度都是match_parent，假设屏幕宽度为L，那么每个Button的宽度也应该都为L，剩余宽度就等于L-（L+L）= -L。
Button1的weight=1，剩余宽度占比为1/(1+2)= 1/3，所以最终宽度为L+1/3*(-L)=2/3L，Button2的计算类似，最终宽度为L+2/3(-L)=1/3L。
这是在水平方向上的，那么在垂直方向上也是这样吗？
下面是测试代码和效果
如果是垂直方向，那么我们应该改变的是layout_height的属性，下面是0dp的显示效果
下面是match_parent的显示效果，结论和水平是完全一样的
虽然说我们演示了match_parent的显示效果，并说明了原因，但是在真正用的时候，我们都是设置某一个属性为0dp，然后按照权重计算所占百分比。
使用相对布局，禁用绝对布局
在开发中，我们大部分时候使用的都是线性布局、相对布局和帧布局，绝对布局由于适配性极差，所以极少使用。
由于各种布局的特点不一样，所以不能说哪个布局好用，到底应该使用什么布局只能根据实际需求来确定。我们可以使用 LinearLayout 的嵌套实例并结合 “wrap_content” 和 “match_parent”，以便构建相当复杂的布局。不过，我们无法通过 LinearLayout 精确控制子视图的特殊关系；系统会将 LinearLayout 中的视图直接并排列出。
如果我们需要将子视图排列出各种效果而不是一条直线，通常更合适的解决方法是使用 RelativeLayout，这样就可以根据各组件之间的特殊关系指定布局了。例如，我们可以将某个子视图对齐到屏幕左侧，同时将另一个视图对齐到屏幕右侧。
下面的代码以官方Demo为例说明。
在上面的代码中我们使用了相对布局，并且使用alignXXX等属性指定了子控件的位置，下面是这种布局方式在应对屏幕变化时的表现
在小尺寸屏幕的显示
在平板的大尺寸上的显示效果
虽然控件的大小由于屏幕尺寸的增加而发生了改变，但是我们可以看到，由于使用了相对布局，所以控件之前的位置关系并没有发生什么变化，这说明我们的适配成功了。
使用限定符
使用尺寸限定符
上面所提到的灵活布局或者是相对布局，可以为我们带来的优势就只有这么多了。虽然这些布局可以拉伸组件内外的空间以适应各种屏幕，但它们不一定能为每种屏幕都提供最佳的用户体验。因此，我们的应用不仅仅只实施灵活布局，还应该应针对各种屏幕配置提供一些备用布局。
如何做到这一点呢？我们可以通过使用配置限定符，在运行时根据当前的设备配置自动选择合适的资源了，例如根据各种屏幕尺寸选择不同的布局。
很多应用会在较大的屏幕上实施“双面板”模式，即在一个面板上显示项目列表，而在另一面板上显示对应内容。平板电脑和电视的屏幕已经大到可以同时容纳这两个面板了，但手机屏幕就需要分别显示。因此，我们可以使用以下文件以便实施这些布局：
res/layout/main.xml，单面板（默认）布局：
res/layout-large/main.xml，双面板布局：
请注意第二种布局名称目录中的 large 限定符。系统会在属于较大屏幕（例如 7 英寸或更大的平板电脑）的设备上选择此布局。系统会在较小的屏幕上选择其他布局（无限定符）。
使用最小宽度限定符
在版本低于 3.2 的 Android 设备上，开发人员遇到的问题之一是“较大”屏幕的尺寸范围，该问题会影响戴尔 Streak、早期的 Galaxy Tab 以及大部分 7 英寸平板电脑。即使这些设备的屏幕属于“较大”的尺寸，但很多应用可能会针对此类别中的各种设备（例如 5 英寸和 7 英寸的设备）显示不同的布局。这就是 Android 3.2 版在引入其他限定符的同时引入“最小宽度”限定符的原因。
最小宽度限定符可让您通过指定某个最小宽度（以 dp 为单位）来定位屏幕。例如，标准 7 英寸平板电脑的最小宽度为 600 dp，因此如果您要在此类屏幕上的用户界面中使用双面板（但在较小的屏幕上只显示列表），您可以使用上文中所述的单面板和双面板这两种布局，但您应使用 sw600dp 指明双面板布局仅适用于最小宽度为 600 dp 的屏幕，而不是使用 large 尺寸限定符。
res/layout/main.xml，单面板（默认）布局：
res/layout-sw600dp/main.xml，双面板布局：
也就是说，对于最小宽度大于等于 600 dp 的设备，系统会选择 layout-sw600dp/main.xml（双面板）布局，否则系统就会选择 layout/main.xml（单面板）布局。
但 Android 版本低于 3.2 的设备不支持此技术，原因是这些设备无法将 sw600dp 识别为尺寸限定符，因此我们仍需使用 large 限定符。这样一来，就会有一个名称为 res/layout-large/main.xml 的文件（与 res/layout-sw600dp/main.xml 一样）。但是没有太大关系，我们将马上学习如何避免此类布局文件出现的重复。
使用布局别名
最小宽度限定符仅适用于 Android 3.2 及更高版本。因此，如果我们仍需使用与较低版本兼容的概括尺寸范围（小、正常、大和特大）。例如，如果要将用户界面设计成在手机上显示单面板，但在 7 英寸平板电脑、电视和其他较大的设备上显示多面板，那么我们就需要提供以下文件：
-
res/layout/main.xml: 单面板布局
-
res/layout-large: 多面板布局
-
res/layout-sw600dp: 多面板布局
后两个文件是相同的，因为其中一个用于和 Android 3.2 设备匹配，而另一个则是为使用较低版本 Android 的平板电脑和电视准备的。
要避免平板电脑和电视的文件出现重复（以及由此带来的维护问题），您可以使用别名文件。例如，您可以定义以下布局：
-
res/layout/main.xml，单面板布局
-
res/layout/main_twopanes.xml，双面板布局
然后添加这两个文件：
res/values-large/layout.xml:
res/values-sw600dp/layout.xml:
后两个文件的内容相同，但它们并未实际定义布局。它们只是将 main 设置成了 main_twopanes 的别名。由于这些文件包含 large 和 sw600dp 选择器，因此无论 Android 版本如何，系统都会将这些文件应用到平板电脑和电视上（版本低于 3.2 的平板电脑和电视会匹配 large，版本高于 3.2 的平板电脑和电视则会匹配 sw600dp）。
使用屏幕方向限定符
某些布局会同时支持横向模式和纵向模式，但我们可以通过调整优化其中大部分布局的效果。在新闻阅读器示例应用中，每种屏幕尺寸和屏幕方向下的布局行为方式如下所示：
-
小屏幕，纵向：单面板，带徽标
-
小屏幕，横向：单面板，带徽标
-
7 英寸平板电脑，纵向：单面板，带操作栏
-
7 英寸平板电脑，横向：双面板，宽，带操作栏
-
10 英寸平板电脑，纵向：双面板，窄，带操作栏
-
10 英寸平板电脑，横向：双面板，宽，带操作栏
-
电视，横向：双面板，宽，带操作栏
因此，这些布局中的每一种都定义在了 res/layout/ 目录下的某个 XML 文件中。为了继续将每个布局分配给各种屏幕配置，该应用会使用布局别名将两者相匹配：
res/layout/onepane.xml:(单面板)
res/layout/onepane_with_bar.xml:(单面板带操作栏)
res/layout/twopanes.xml:(双面板，宽布局)
res/layout/twopanes_narrow.xml:(双面板，窄布局)
既然我们已定义了所有可能的布局，那就只需使用配置限定符将正确的布局映射到各种配置即可。
现在只需使用布局别名技术即可做到这一点：
res/values/layouts.xml:
res/values-sw600dp-land/layouts.xml:
res/values-sw600dp-port/layouts.xml:
res/values-large-land/layouts.xml:
res/values-large-port/layouts.xml:
使用自动拉伸位图
支持各种屏幕尺寸通常意味着您的图片资源还必须能适应各种尺寸。例如，无论要应用到什么形状的按钮上，按钮背景都必须能适应。
如果在可以更改尺寸的组件上使用了简单的图片，您很快就会发现显示效果多少有些不太理想，因为系统会在运行时平均地拉伸或收缩您的图片。解决方法为使用自动拉伸位图，这是一种格式特殊的 PNG 文件，其中会指明可以拉伸以及不可以拉伸的区域。
.9的制作，实际上就是在原图片上添加1px的边界，然后按照我们的需求，把对应的位置设置成黑色线，系统就会根据我们的实际需求进行拉伸。
下图是对.9图的四边的含义的解释，左上边代表拉伸区域，右下边代表padding box，就是间隔区域，在下面，我们给出一个例子，方便大家理解。
先看下面两张图，我们理解一下这四条线的含义。
上图和下图的区别，就在于右下边的黑线不一样，具体的效果的区别，看右边的效果图。上图效果图中深蓝色的区域，代表内容区域，我们可以看到是在正中央的，这是因为我们在右下边的是两个点，这两个点距离上下左右四个方向的距离就是padding的距离，所以深蓝色内容区域在图片正中央，我们再看下图，由于右下边的黑线是图片长度，所以就没有padding，从效果图上的表现就是深蓝色区域和图片一样大，因此，我们可以利用右下边来控制内容与背景图边缘的padding。
如果你还不明白，那么我们看下面的效果图，我们分别以图一和图二作为背景图，下面是效果图。
我们可以看到，使用wrap_content属性设置长宽，图一比图二的效果大一圈，这是为什么呢？还记得我上面说的padding吗？
这就是padding的效果提现，怎么证明呢？我们再看下面一张图，给图一添加padding=0，这样背景图设置的padding效果就没了，是不是两个一样大了？
ok，我想你应该明白右下边的黑线的含义了，下面我们再看一下左上边的效果。
下面我们只设置了左上边线，效果图如下
上面的线没有包住图标，下面的线正好包住了图标，从右边的效果图应该可以看出差别，黑线所在的区域就是拉伸区域，上图黑线所在的全是纯色，所以图标不变形，下面的拉伸区域包裹了图标，所以在拉伸的时候就会对图标进行拉伸，但是这样就会导致图标变形。注意到下面红线区域了嘛？这是系统提示我们的，因为这样拉伸，不符合要求，所以会提示一下。
屏幕尺寸
含义：手机对角线的物理尺寸 单位：英寸（inch），1英寸=2.54cmAndroid手机常见的尺寸有5寸、5.5寸、6寸等等
屏幕分辨率
含义：手机在横向、纵向上的像素点数总和一般描述成屏幕的”宽x高”=AxB 含义：屏幕在横向方向（宽度）上有A个像素点，在纵向方向
（高）有B个像素点 例子：1080x1920，即宽度方向上有1080个像素点，在高度方向上有1920个像素点
单位：px（pixel），1px=1像素点
UI设计师的设计图会以px作为统一的计量单位
Android手机常见的分辨率：320x480、480x800、720x1280、1080x1920
屏幕像素密度
含义：每英寸的像素点数 单位：dpi（dots per ich）安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度：假设设备内每英寸有160个像素，那么该设备的屏幕像素密度=160dpi
![这里写图片描述](http://www.2cto.com/uploadfile/Collfiles/20160425/20160425091220228.png "\")
屏幕尺寸、分辨率、像素密度三者关系
一部手机的分辨率是宽x高，屏幕大小是以寸为单位，那么三者的关系是：
![这里写图片描述](http://www.2cto.com/uploadfile/Collfiles/20160425/20160425091220229.png "\")
数学不太差的人应该能懂…..吧？
不懂没关系，在这里举个例子
假设一部手机的分辨率是1080x1920（px），屏幕大小是5寸，问密度是多少？
解：请直接套公式
![这里写图片描述](http://www.2cto.com/uploadfile/Collfiles/20160425/20160425091220230.png "\")
密度无关像素
含义：density-independent pixel，叫dp或dip，与终端上的实际物理像素点无关。单位：dp，可以保证在不同屏幕像素密度的设备上显示相同的效果
Android开发时用dp而不是px单位设置图片大小，是Android特有的单位 场景：假如同样都是画一条长度是屏幕一半的线，如果使用px作为计量单位，那么在480x800分辨率手机上设置应为240px；在320x480的手机上应设置为160px，二者设置就不同了；如果使用dp为单位，在这两种分辨率下，160dp都显示为屏幕一半的长度。
dp与px的转换
因为ui设计师给你的设计图是以px为单位的，Android开发则是使用dp作为单位的，那么我们需要进行转换：
在Android中，规定以160dpi(即屏幕分辨率为320x480)为基准：1dp=1px
独立比例像素
含义：scale-independent pixel，叫sp或sip 单位：spAndroid开发时用此单位设置文字大小，可根据字体大小首选项进行缩放 推荐使用12sp、14sp、18sp、22sp作为字体设置的大小，不推荐使用奇数和小数，容易造成精度的丢失问题；小于12sp的字体会太小导致用户看不清
请把上面的概念记住，因为下面讲解都会用到！
为什么要进行Android屏幕适配
由于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屏幕进行适配。使得某一元素在Android不同尺寸、不同分辨率的手机上具备相同的显示效果
屏幕适配问题的本质
使得“布局”、“布局组件”、“图片资源”、“用户界面流程”匹配不同的屏幕尺寸使得“图片资源”匹配不同的屏幕密度使得布局、布局组件自适应屏幕尺寸；
根据屏幕的配置来加载相应的UI布局、用户界面流程
解决方案
问题：如何进行屏幕尺寸匹配？ 答：![这里写图片描述](http://www.2cto.com/uploadfile/Collfiles/20160425/20160425091221233.png "\")
“布局”匹配
本质1：使得布局元素自适应屏幕尺寸
- 做法
使用相对布局（RelativeLayout），禁用绝对布局（AbsoluteLayout）
开发中，我们使用的布局一般有：
线性布局（Linelayout） 相对布局（RelativeLayout） 帧布局（FrameLayout） 绝对布局（AbsoluteLayout）由于绝对布局（AbsoluteLayout）适配性极差，所以极少使用。
对于线性布局（Linelayout）、相对布局（RelativeLayout）和帧布局（FrameLayout）需要根据需求进行选择，但要记住：
RelativeLayout布局的子控件之间使用相对位置的方式排列，因为RelativeLayout讲究的是相对位置，即使屏幕的大小改变，视图之前的相对位置都不会变化，与屏幕大小无关，灵活性很强 LinearLayout
通过多层嵌套LinearLayout和组合使
用”wrap_content”和”match_parent”已经可以构建出足够复杂的布局。但是LinearLayout**无法准确地控制子视图之间的位置关系**，只能简单的一个挨着一个地排列
所以，对于屏幕适配来说，使用相对布局（RelativeLayout）将会是更好的解决方案
本质2：根据屏幕的配置来加载相应的UI布局
做法：使用限定符应用场景：需要为不同屏幕尺寸的设备设计不同的布局
作用：通过配置限定符使得程序在运行时根据当前设备的配置（屏幕尺寸）自动加载合适的布局资源
限定符类型：
尺寸（size）限定符 最小宽度（Smallest-width）限定符 布局别名 屏幕方向（Orientation）限定符尺寸（size）限定符
使用场景：当一款应用显示的内容较多，希望进行以下设置：在平板电脑和电视的屏幕（>7英寸）上：实施“双面板”模式以同时显示更多内容 在手机较小的屏幕上：使用单面板分别显示内容
因此，我们可以使用尺寸限定符（layout-large）通过创建一个文件
|
1
|
<code
class
=
"hljs lasso"
>res/layout-large/main.xml</code>
|
来完成上述设定：
让系统在屏幕尺寸>7英寸时采用适配平板的双面板布局 反之（默认情况下）采用适配手机的单面板布局
文件配置如下：
适配手机的单面板（默认）布局：res/layout/main.xml|
1
2
3
4
|
<code
class
=
"hljs xml"
><linearlayout android:layout_height=
"match_parent"
android:layout_width=
"match_parent"
android:orientation=
"vertical"
xmlns:android=
"
http://schemas.android.com/apk/res/android"
>
<fragment android:id=
"@+id/headlines"
android:layout_height=
"fill_parent"
android:layout_width=
"match_parent"
android:name=
"com.example.android.newsreader.HeadlinesFragment"
>
</fragment></linearlayout></code>
|
|
1
2
3
4
|
<code
class
=
"hljs xml"
><linearlayout android:layout_height=
"fill_parent"
android:layout_width=
"fill_parent"
android:orientation=
"horizontal"
xmlns:android=
"
http://schemas.android.com/apk/res/android"
>
<fragment android:id=
"@+id/headlines"
android:layout_height=
"fill_parent"
android:layout_marginright=
"10dp"
android:layout_width=
"400dp"
android:name=
"com.example.android.newsreader.HeadlinesFragment"
>
<fragment android:id=
"@+id/article"
android:layout_height=
"fill_parent"
android:layout_width=
"fill_parent"
android:name=
"com.example.android.newsreader.ArticleFragment"
>
</fragment></fragment></linearlayout></code>
|
两个布局名称均为main.xml，只有布局的目录名不同：第一个布局的目录名为：layout，第二个布局的目录名为：layout-large，包含了尺寸限定符（large） 被定义为大屏的设备(7寸以上的平板)会自动加载包含了large限定符目录的布局，而小屏设备会加载另一个默认的布局请注意：
但要注意的是，这种方式只适合Android 3.2版本之前。
最小宽度（Smallest-width）限定符
背景：上述提到的限定符“large”具体是指多大呢？似乎没有一个定量的指标，这便意味着可能没办法准确地根据当前设备的配置（屏幕尺寸）自动加载合适的布局资源 例子：比如说large同时包含着5寸和7寸，这意味着使用“large”限定符的话我没办法实现为5寸和7寸的平板电脑分别加载不同的布局
于是，在Android 3.2及之后版本，引入了最小宽度（Smallest-width）限定符
使用场景定义：通过指定某个最小宽度（以 dp 为单位）来精确定位屏幕从而加载不同的UI资源
你需要为标准 7 英寸平板电脑匹配双面板布局（其最小宽度为 600 dp），在手机（较小的屏幕上）匹配单面板布局
解决方案：您可以使用上文中所述的单面板和双面板这两种布局，但您应使用 sw600dp 指明双面板布局仅适用于最小宽度为 600 dp 的屏幕，而不是使用 large 尺寸限定符。
sw xxxdp，即small width的缩写，其不区分方向，即无论是宽度还是高度，只要大于 xxxdp，就采用次此布局例子：使用了layout-sw 600dp的最小宽度限定符，即无论是宽度还是高度，只要大于600dp，就采用layout-sw 600dp目录下的布局
代码展示：
适配手机的单面板（默认）布局：res/layout/main.xml|
1
2
3
4
|
<code
class
=
"hljs xml"
><linearlayout android:layout_height=
"match_parent"
android:layout_width=
"match_parent"
android:orientation=
"vertical"
xmlns:android=
"
http://schemas.android.com/apk/res/android"
>
<fragment android:id=
"@+id/headlines"
android:layout_height=
"fill_parent"
android:layout_width=
"match_parent"
android:name=
"com.example.android.newsreader.HeadlinesFragment"
>
</fragment></linearlayout></code>
|
最低0.47元/天 解锁文章
扫一扫
3930
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
