Android開發之五種布局

標籤：部落格   android開發   程式開發   程式員   

一、LinearLayout線性布局
1、常見屬性
android:orientation="horizontal"：制定線性布局的相片順序    
水平 horizontal    
垂直 vertical
gravity 控制當前控制項內容顯示地區
layout_gravity 當前控制項在父元素的位置
Layout_weight 額外空間分配(權重)
android:visibility="invisible"
控制布局是否顯示
顯示 visible
不顯示，但占空間 invisible
隱藏 gone
2、demo

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="right"        android:text="按鈕1" />    <Button        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:gravity="right|center_vertical"        android:text="按鈕2" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="按鈕3" />    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="按鈕1" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="按鈕2" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:visibility="visible"            android:layout_weight="1"            android:text="按鈕3" />    </LinearLayout></LinearLayout>

二、RelativeLayout相對布局
1、常見屬性
android:layout_toRightOf 在指定控制項的右邊
android:layout_toLeftOf 在指定控制項的左邊
android:layout_above 在指定控制項的上邊
android:layout_below 在指定控制項的下邊
android:layout_alignBaseline 跟指定控制項水平對齊
android:layout_alignLeft 跟指定控制項靠左對齊
android:layout_alignRight 跟指定控制項靠右對齊
android:layout_alignTop 跟指定控制項頂部對齊
android:layout_alignBottom 跟指定控制項底部對齊
android:layout_alignParentLeft 是否跟父布局靠左對齊
android:layout_alignParentTop 是否跟父布局頂部對齊
android:layout_alignParentRight 是否跟父布局靠右對齊
android:layout_alignParentBottom 是否跟父布局底部對齊
android:layout_centerVertical 在父布局中垂直置中
android:layout_centerHorizontal 在父布局中水平置中
android:layout_centerInParent 在父布局中置中
2、demo

<?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="match_parent" >    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:text="進攻" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:text="左勾拳" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_centerVertical="true"        android:text="右勾拳" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:text="逃跑" />    <Button        android:id="@+id/btn_bisha"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:text="大絕招" />        <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_toLeftOf="@id/btn_bisha"        android:layout_alignTop="@id/btn_bisha"        android:text="左" />            <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_above="@id/btn_bisha"        android:layout_centerHorizontal="true"        android:text="上" />        <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_toRightOf="@id/btn_bisha"        android:layout_alignBaseline="@id/btn_bisha"        android:text="右" />        <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/btn_bisha"        android:layout_centerHorizontal="true"        android:text="下" /></RelativeLayout>

三、AbsoluteLayout絕對布局
1、屬性
android:layout_x 指定控制項在父布局的x軸座標
android:layout_y 指定控制項在父布局的y軸座標
2、demo

<?xml version="1.0" encoding="utf-8"?><AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_x="1dp"        android:layout_y="253dp"        android:text="按鈕" /></AbsoluteLayout>

四、TableLayout表格布局
1、屬性
android:shrinkColumns 收縮列
android:stretchColumns 展開列
android:collapseColumns 隱藏列
android:layout_column 指定列(作用在列的身上)
android:layout_span 合并列(作用在列的身上)
2、demo

<?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:shrinkColumns="0"    android:collapseColumns="0" >    <TableRow android:layout_height="wrap_content" >        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="第一行, 0列" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="第一行, 1列" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="第一行, 2列" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="第一行, 3列" />    </TableRow>    <TableRow android:layout_height="wrap_content" >                <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="第二行, 0列" />        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_column="2"            android:layout_span="2"            android:text="第二行, 1列" />    </TableRow>    </TableLayout>

五、FrameLayout幀布局
1、特點
  幀布局每次添加的控制項都顯示在最上面，最後顯示在介面上的是最後添加的一個控制項
2、demo

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <Button        android:layout_width="300px"        android:layout_height="300px"        android:layout_gravity="center"        android:text="最底部" />    <Button        android:layout_width="150px"        android:layout_height="150px"        android:layout_gravity="center"        android:text="中間" />        <Button        android:layout_width="50px"        android:layout_height="50px"        android:layout_gravity="center"        android:text="頂部" /></FrameLayout>

Android開發之五種布局