初体验AutoLayout(一)

1、简单布局

activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
  >
    <LinearLayout
        android:layout_width="160px"
        android:layout_height="240px"
        >
        <Button
            android:layout_width="160px"
            android:layout_height="240px"
            android:text="160x240  这是button"
            android:textSize="16px"
            android:background="#666666"
            />
    </LinearLayout>
    <RelativeLayout
        android:layout_width="320px"
        android:layout_height="120px">
        <TextView
            android:id="@+id/tv1"
            android:textSize="16px"
            android:layout_width="80px"
            android:layout_height="120px"
            android:background="#ff00a2"
            android:text="80x120"/>
        <TextView
            android:layout_toRightOf="@id/tv1"
            android:id="@+id/tv2"
            android:paddingLeft="40px"
            android:layout_width="160px"
            android:layout_height="120px"
            android:textSize="16px"
            android:background="#3a4a4a"
            android:text="160x120   padding left  40px"/>
        <TextView
            android:layout_toRightOf="@id/tv2"
            android:layout_width="80px"
            android:layout_height="120px"
            android:background="#00ffa2"
            android:text="80x120px"
            android:textSize="16px"/>
    </RelativeLayout>
   <com.example.administrator.screenautomatch.MyView
       android:layout_width="320px"
       android:layout_height="60px">
       <TextView
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:text="这是自定义View"
           android:background="#f7dac208"
           android:textSize="16px"/>
   </com.example.administrator.screenautomatch.MyView>
    <FrameLayout
        android:layout_marginLeft="80px"
        android:layout_width="240px"
        android:layout_height="60px">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="240px60px  marginLeft 80px"
            android:background="#ffaa00"
            android:textSize="16px"/>
    </FrameLayout>
</LinearLayout>

MainActivity

package com.example.administrator.screenautomatch;

import android.app.Activity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import com.zhy.autolayout.AutoLayoutActivity;

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

我们看一下在各平台分辨率下跑出来的效果

下面是引入之后的效果图（这里以320x480为目标平台，意思就是宽度160px那么就将占用屏幕1/2宽,高度240px将占用屏幕的1/2高）：

可以看到完美解决适配问题~~

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<com.zhy.autolayout.AutoLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
  >
    <com.zhy.autolayout.AutoLinearLayout
        android:layout_width="160px"
        android:layout_height="240px"
        android:orientation="horizontal">
        <Button
            android:layout_width="160px"
            android:layout_height="240px"
            android:text="160x240"
            />
    </com.zhy.autolayout.AutoLinearLayout>
    <com.zhy.autolayout.AutoRelativeLayout
        android:layout_width="320px"
        android:layout_height="120px">
        <TextView
            android:id="@+id/tv1"
            android:layout_width="80px"
            android:layout_height="120px"
            android:background="#ff00a2"
            android:text="80x120"/>
        <TextView
            android:layout_toRightOf="@id/tv1"
            android:id="@+id/tv2"
            android:layout_width="160px"
            android:layout_height="120px"
            android:background="#3a4a4a"
            android:text="160x120"/>
        <TextView
            android:layout_toRightOf="@id/tv2"
            android:layout_width="80px"
            android:layout_height="120px"
            android:background="#00ffa2"
            android:text="80x120"/>
    </com.zhy.autolayout.AutoRelativeLayout>

    <com.zhy.autolayout.AutoFrameLayout
        android:layout_marginTop="60px"
        android:layout_width="240px"
        android:layout_height="60px">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="240px60px"
            android:background="#ffaa00"/>
    </com.zhy.autolayout.AutoFrameLayout>
</com.zhy.autolayout.AutoLinearLayout>

MainActivity：

package com.example.administrator.screenautomatch;

import android.app.Activity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import com.zhy.autolayout.AutoLayoutActivity;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

当然了如果嫌麻烦的话可以

public class MainActivity extends AutoLayoutActivity

那么不用修改xml文件了。