完美的屏幕适配 安卓屏幕适配(1/4)

本篇文章主要介绍了"完美的屏幕适配 安卓屏幕适配"，主要涉及到安卓,完美方面的内容，对于Android开发感兴趣的同学可以参考一下： http://blog.csdn.net/lmj623565791/article/details/49990941；本文出自:【张鸿洋的博客】一、我们希望拿到...

• http://blog.csdn.net/lmj623565791/article/details/49990941；
  本文出自:【张鸿洋的博客】
  

一、我们希望

• 拿到设计图，meta信息中填入设计图的尺寸，然后不需要额外计算，布局直接抄设计图上的尺寸，不产生任何多余的资源文件，完成各种分辨率的适配！

二、直观的体验

假设我们拿到一张设计图：

这样的设计图开发中很常见吧，有些公司可能需要自己去测量。

按照我们的思想：

布局直接抄设计图上的尺寸

对于，新增旅客我们的布局文库应该这么写：

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="86px"
android:layout_marginTop="26px"
android:background="#ffffffff">

<ImageView
    android:id="@+id/id_tv_add"
    android:layout_width="34px"
    android:layout_height="34px"
    android:layout_gravity="center_vertical"
    android:layout_marginLeft="276px"
    android:layout_marginTop="26px"
    android:src="@mipmap/add"
    />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="26px"
    android:layout_toRightOf="@id/id_tv_add"
    android:text="新增旅客"
    android:textColor="#1fb6c4"
    android:textSize="32px"
    />
RelativeLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

来张组合图，感受一下：

感受完了，想一想，按照这种方式去写布局你说爽不爽。

ok，那么对于Item的布局文件，就是这么写：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="108px"
    android:layout_marginTop="26px"
    android:background="#ffffffff"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="22px"
        android:layout_marginTop="16px"
        android:text="王大炮 WANG.DAPAO"
        android:textColor="#333"
        android:textSize="28px"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="16px"
        android:layout_marginLeft="22px"
        android:text="护照：G50786449"
        android:textColor="#999"
        android:textSize="26px"
        />

RelativeLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

看到这，我相信，你现在最大的疑问就是：你用的px，px能完成适配？搞笑吧？

那么首先说一下：这个px并不代表1像素，我在内部会进行百分比化处理，也就是说：720px高度的屏幕，你这里填写72px，占据10%；当这个布局文件运行在任何分辨率的手机上，这个72px都代表10%的高度，这就是本库适配的原理。

接下来：看下不同分辨率下的效果：

768*1280,Andriod 4.4.4

480*800,Android 2.3.7

上述两个机器的分辨率差距相当大了，按照百分比的规则，完美实现了适配，最为重要的是：

• 再也不用拿着设计稿去想这控件的宽高到底取多少dp
• 再也不用去为多个屏幕去写多个dimens
• 再也不用去计算百分比了（如果使用百分比控件完成适配）
• 再也不用去跟UI MM去解释什么是dp了

接下来说下用法。

本库的地址：https://github.com/hongyangAndroid/AndroidAutoLayout

三、用法

用法

（1）注册设计图尺寸

将autolayout引入

dependencies {
    compile project(':autolayout')
}
1
2
3
1
2
3

对于eclipse的伙伴，只有去copy源码了~~

在你的项目的AndroidManifest中注明你的设计稿的尺寸。