android 學習Layout布局的使用

標籤：

　android 常用布局

LinearLayout（線性布局）   　　　　
線性           垂直的   水平的
RelativeLaytout（相對布局）　　　　
最靈活的
TableLayout（表格版面配置）   　　　　
使用GridView代替
AbsoluteLayout（絕對布局）　　　　
最好不要使用 絕對座標
Framelayout（幀布局）　　　　　　
布局疊加時使用  比如視頻緩衝的環形捲軸

使用頻次
Absolute<Table<Frame<Linear<Relative

android布局原則
（1）盡量多的使用線性布局和相對布局不要使用絕對布局
（2）在布局層次一樣的情況下，建議使用線性布局代替相對布局因為線性布局效能稍高一點
（3）將可複用的組件抽取出來，並通過include標籤使用
（4）使用viewstub標籤載入一些不常用的布局 (暫時不使用的)
（5）使用merge標籤減少標籤的嵌套層次

<include/>的使用
作用：將公用的組件抽取出來單獨一個xml檔案，然後使用include標籤匯入公用布局
效果：提高ui的製作和複用效率
通過findViewById 也可以找到view  因為通過include實際上是將自布局直接包含進公用布局當中

1，子布局title.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="30dp"    android:background="#243821"></LinearLayout>

　　2,主布局main.xml

<LinearLayout    android:layout_height="match_parent"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="vertical">    <include layout="@layout/title"        ></include>

</LinearLayout>

使用merge合并ui布局
作用：合并ui布局，使用該布局能降低ui布局的嵌套層次
情境1；布局根節點是FrameLayout且不需要設定backgroud和padding等屬性，可以用merge代替
情境2：某布局作為自布局被其他布局include時，使用merge當做該布局的頂接點，這樣再被引入時，
頂接點會自動被忽略
1,子布局progress.xml

<?xml version="1.0" encoding="utf-8"?><merge xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="match_parent">    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/progress"        android:layout_gravity="center"/></merge>

　　2,主布局main.xml

<LinearLayout    android:layout_height="match_parent"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="vertical">    <include layout="@layout/title"        ></include>    <FrameLayout    android:layout_width="match_parent"    android:layout_height="wrap_content">        <include layout="@layout/progress"/>    </FrameLayout>

</LinearLayout>

使用viewstub惰性載入
作用：viewstub標籤同incude標籤一樣可以用來引入一個外部的布局，不同的是viewstub引入的布局預設不會擴張，
既不會佔用顯示也不會佔用位置，從而在解析laytou時，節省cpu和記憶體
1,子布局common.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content" android:layout_height="wrap_content">    <TextView        android:id="@+id/text"        android:text="viewstub"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

　　2,主布局main.xml

<LinearLayout    android:layout_height="match_parent"    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="vertical">    <include layout="@layout/title"        ></include>    <FrameLayout    android:layout_width="match_parent"    android:layout_height="wrap_content">        <include layout="@layout/progress"/>    </FrameLayout>    <Button android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/btn"        android:text="按鈕"        />    <ViewStub        android:id="@+id/viewStub"        android:layout="@layout/common"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

　　3,MainActivity

public class MainActivity extends Activity {    private Button btn ;    private ViewStub viewStub;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        btn = (Button)findViewById(R.id.btn);        viewStub = (ViewStub)findViewById(R.id.viewStub);        btn.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                viewStub.inflate();            }        });    }}

 

android 學習Layout布局的使用