初体验AutoLayout(一)

来源：互联网发布：js button 隐藏编辑：程序博客网时间：2024/06/05 14:37

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文件了。

0 0