佈局優化

程式碼修行者發表於2015-07-23

1、Include

將 其他的xml檔案包含的當前xml檔案中來

common_nav.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#000"
    android:paddingBottom="10dp"
    android:paddingTop="10dp">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp"
        android:textColor="#FFF"
        android:layout_alignParentLeft="true"
        android:text="返回"
        android:paddingLeft="10dp"
        android:layout_centerVertical="true"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="#FFF"
        android:layout_centerInParent="true"
        android:text="include優化"
        android:layout_centerVertical="true"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="14sp"
        android:textColor="#FFF"
        android:layout_alignParentRight="true"
        android:text="前進"
        android:paddingRight="10dp"
        android:layout_centerVertical="true"
        />
</RelativeLayout>

activity_main.xml

<RelativeLayout 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"  tools:context=".MainActivity">

    <include layout="@layout/common_nav"/>
</RelativeLayout>

這裡寫圖片描述

2、merge

目的是通過刪減多餘或者額外的層級,從而優化整個Android Layout的結構。核心功能就是減少冗餘的層次從而達到優化UI的目的!—轉載

3、ViewStub

延時載入view

<RelativeLayout 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"  tools:context=".MainActivity">


    <ViewStub
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout="@layout/common_nav"
        android:id="@+id/viewStub"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="載入"
        android:id="@+id/btn"
        />
</RelativeLayout>
package com.example.administrator.layoutoptimize;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewStub;
import android.widget.Button;


public class MainActivity extends ActionBarActivity {
    private boolean inflated = false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button btn = (Button)findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ViewStub viewStub = (ViewStub)findViewById(R.id.viewStub);
                if(!inflated){
                    inflated = true;
                    viewStub.inflate();
                }
            }
        });
    }
}

相關文章