android 多分辨率适应

首先了解以下几个概念

屏幕尺寸 Screen size

按照对角线测量，单位大小为英寸(inch 2.54厘米)

屏幕分辨率 Resolution

屏幕上总的像素点数目，例如相同物理尺寸的手机，分辨率越高显示的图像越清晰，像素点不能简单的看做是物理尺寸上的一个点！

屏幕密度 Screen density

手机屏幕上，单位区域内的像素点数量，简称为 dpi ( dots per inch ，为什么是 dots per inch ?我就不解了！！)

密度无关像素 dp Density-independent pixel

它是一个虚拟的单位，它的计算公式为 对于 160 dpi的屏幕，一个 dp 等于一个物理像素点 ，满足以下公式 px =dp.(dpi/160) ，也就是说在 160 dpi 的屏幕上一个 dp 等于 一个 px （物理像素点）

计算 dpi

例如一个 4寸的机器，分辨率是 480 * 800 ，如何计算其 dpi？但是我们却不知道手机屏幕的边长！大致可以这样计算。

先计算出对角线上像素点数目 约为932.95 （勾股定理）

然后 除以对角线 932.95/ 4 =233.23

实际上这个计算方式有点茫然，因为它给出的定义是单位面积上的像素点个数。

那么我们为什么要用 dp 作为 UI的测量单位？

dp 和像素无关，其次考虑我们想要实现的 UI 效果，我们想要实现的 UI 效果大致有以下几种：

组件按百分比铺满

组件在界面中显示，大小比例符合美观

其实 dp 帮我们解决的问题是，使用 dp 作为单位，能保证在不同分辨率展现出近似的大小出来，但是设备物理尺寸存在较大差异的时候，就会出现不能满足的情况，例如为 4.3 寸设计的 UI 在 5.0 寸上一跑，可能会出现大量空白的情况。以下是简要的例子：

然后我在

红米 1S 4.7 寸 分辨率 1280 * 720

魅族 MX3 5.1寸 分辨率 1800 * 1080

测试的时候，设置组件 UI 大小 300 dp 的出来的结果是，两者在这两款机子上显示的 UI 大小基本一致

之后 我在一部 三星手机测试 3.0 寸 分辨率 也应该很低，再测试的时候发现，这个 UI 大小就差距很大了，基本上随水为 7/8 的样子。

屏幕分辨率适应的方案

官方说明：

多用wrap_content 和 match_parent

多用 weight 属性

多用 …..

(说了和没说一样）

实际开发中的分辨率适应：

为不同的分辨率配置不同的尺寸

例如使用 dimen ，在不同的value 文件夹中配置不同的 dimen ，让Android系统在实际运行中去配置不同的尺寸（这点很让人心烦）

利用百分比

在 web 开发中可没有屏幕分辨率适应，因为它们能使用百分比属性，直接把组件大小设置为百分比属性，所以我们借鉴这个经验，考虑如何在 Android 中使用这个”百分比“设置，下面就介绍一些做法

一种网络流传的恶劣做法

考虑直接在分辨率适配下写，尺寸，比如你这个800*480 的分辨率手机下，要想做出一个按钮效果是整个手机屏幕的四分一，那么我们将其大小写死为 200 px *120 px 为其设置宽和高。

但是，那么多分辨率，怎么办？有恒心者事竟成。我们可以考虑怎么去实现一种高效的工作方式：

把一个较低的分辨率，例如480 * 320 作为尺寸标准，将每种分辨率按比例划分，然后就可以在dimen 中使用 以下做法

在 values-400X320 文件夹下

有lay_x.xml 文件

[code]<?xml version="1.0" encoding="utf-8"?>
<resources><dimen name="x1">1.0px</dimen>
<dimen name="x2">2.0px</dimen>
<dimen name="x3">3.0px</dimen>
<dimen name="x4">4.0px</dimen>
<dimen name="x5">5.0px</dimen>
<dimen name="x6">6.0px</dimen>
<dimen name="x7">7.0px</dimen>
<dimen name="x8">8.0px</dimen>
<dimen name="x9">9.0px</dimen>
<dimen name="x10">10.0px</dimen>
 .....
<dimen name="x317">317.0px</dimen>
<dimen name="x318">318.0px</dimen>
<dimen name="x319">319.0px</dimen>
<dimen name="x320">320px</dimen>
</resources>

lay_y.xml 文件中

有lay_x.xml 文件

[code]<?xml version="1.0" encoding="utf-8"?>
<resources><dimen name="x1">1.0px</dimen>
<dimen name="x2">2.0px</dimen>
<dimen name="x3">3.0px</dimen>
<dimen name="x4">4.0px</dimen>
<dimen name="x5">5.0px</dimen>
<dimen name="x6">6.0px</dimen>
<dimen name="x7">7.0px</dimen>
<dimen name="x8">8.0px</dimen>
<dimen name="x9">9.0px</dimen>
<dimen name="x10">10.0px</dimen>
<dimen name="x11">11.0px</dimen>
<dimen name="x12">12.0px</dimen>
<dimen name="x13">13.0px</dimen>
..........
<dimen name="y397">397.0px</dimen>
<dimen name="y398">398.0px</dimen>
<dimen name="y399">399.0px</dimen>
<dimen name="y400">400px</dimen>
</resources>

然后在 values-800X480 文件夹下

有lay_x.xml 文件

[code]<?xml version="1.0" encoding="utf-8"?>
<resources><dimen name="x1">1.5px</dimen>
<dimen name="x2">3.0px</dimen>
<dimen name="x3">4.5px</dimen>
<dimen name="x4">6.0px</dimen>
<dimen name="x5">7.5px</dimen>
<dimen name="x6">9.0px</dimen>
<dimen name="x7">10.5px</dimen>
<dimen name="x8">12.0px</dimen>
<dimen name="x9">13.5px</dimen>
<dimen name="x10">15.0px</dimen>
<dimen name="x11">16.5px</dimen>
.....
<dimen name="x314">471.0px</dimen>
<dimen name="x315">472.5px</dimen>
<dimen name="x316">474.0px</dimen>
<dimen name="x317">475.5px</dimen>
<dimen name="x318">477.0px</dimen>
<dimen name="x319">478.5px</dimen>
<dimen name="x320">480px</dimen>
</resources>

在 lay_y.xml 中

[code]<?xml version="1.0" encoding="utf-8"?>
<resources><dimen name="y1">2.0px</dimen>
<dimen name="y2">4.0px</dimen>
<dimen name="y3">6.0px</dimen>
<dimen name="y4">8.0px</dimen>
<dimen name="y5">10.0px</dimen>
<dimen name="y6">12.0px</dimen>
.....
<dimen name="y393">786.0px</dimen>
<dimen name="y394">788.0px</dimen>
<dimen name="y395">790.0px</dimen>
<dimen name="y396">792.0px</dimen>
<dimen name="y397">794.0px</dimen>
<dimen name="y398">796.0px</dimen>
<dimen name="y399">798.0px</dimen>
<dimen name="y400">800px</dimen>
</resources>

这样的话，如果我们想要实现之前的效果，实现 屏幕四分一大小的按钮就可以在代码中这样添加一个组件

[code]<Button
    android:id="@+id/but_one"
    android:layout_marginTop="20dp"
    android:layout_marginLeft="20dp"
    android:layout_width="@dimen/x80"
    android:layout_height="@dimen/y120"
    android:background="#F96823"
    />

我这里有自动生成这个文件夹下配置文件的 工具。

tip： AS 在 project 视图下才能看到 这系列的 values文件夹，Android 下视图会被隐藏细节。

Android 5.0 的百分比属性

百分比属性支持库 android.support.percent

在 module 的 gradle.build 中的 dependencies 节点下加入以下代码

[code]compile 'com.android.support:percent:22.2.0'

两种布局供大家使用：

PercentRelativeLayout、PercentFrameLayout，通过名字就可以看出，这是继承自FrameLayout和RelativeLayout两个容器类，所以基本不用解释它们的用法了

支持的属性有：（大家按字面意思就可以理解这些标签作用了）

layout_widthPercent、layout_heightPercent、

layout_marginPercent、layout_marginLeftPercent、

layout_marginTopPercent、layout_marginRightPercent、

layout_marginBottomPercent、layout_marginStartPercent、layout_marginEndPercent。

以下是 简单的一个例子代码

[code] <?xml version="1.0" encoding="utf-8"?>
 <android.support.percent.PercentFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<Button
    app:layout_heightPercent="50%"
    app:layout_widthPercent="50%"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_gravity="left|top"
    android:background="#44ff0000"
    android:gravity="center"
    android:text="width:50%,height:50%" />

</android.support.percent.PercentFrameLayout>

值得注意的是 这个 xml 节点的命名空间不一样的

[code]xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"

以前的命名空间是

[code]xmlns:android="http://schemas.android.com/apk/res/android"

多了一行的引用命名空间，不然会提示找不到一些节点的标签名称