第五章 用戶界面基礎（界面布局管理器）
參考資料：
《Android應用程序開發(fā)》ISBN 9787302283164
參考軟件：
Android Studio、Eclipse+ADT、Android SDK、JDK
界面布局管理器
android layout布局屬性
http://blog.csdn.net/msmile_my/article/details/9018775
Android系統(tǒng)五大布局詳解Layout
http://blog.csdn.net/llping2011/article/details/9992941
1、線性布局
線性布局是程序中最常見的一種布局方式，線性布局可以分為水平線性布局和垂直線性布局兩種,?通過android:orientation屬性可以設置線性布局的方向
?? ?在LinearLayout中設置排列方式為水平時只有垂直方向的設置是有效的，水平方向的設置是無效的：即left，right，center_horizontal?是不生效的
? ?在LinearLayout中設置排列方式為垂直時只有水平方向設置是有效的，垂直方向的設置是無效的是無效的：即top，bottom，center_vertical?是無效的；
android:orientation="vertical"表示豎直方式對齊??
android:orientation="horizontal"表示水平方式對齊
示例：
2、框架布局
http://blog.csdn.net/neu_yousei/article/details/22158559
http://blog.csdn.net/eana_don/article/details/8332778
框架布局管理器是將組件都放在屏幕的左上角，所有的組件是層疊顯示的
示例：
<?xml version="1.0" ?encoding="utf-8"?>
<FrameLayout ?xmlns:android="http://schemas.android.com/apk/res/android"
??? ?android:layout_width="fill_parent"
??? ?android:layout_height="fill_parent"
??? ?android:orientation="vertical" >
??? <ImageView
??????? ?android:id="@+id/img"
??????? ?android:layout_width="wrap_content"
??????? ?android:layout_height="wrap_content"
??????? ?android:contentDescription="這是一個圖片"
??????? ?android:src="@drawable/ic_launcher" />
??? <TextView
??????? ?android:id="@+id/text"
??????? ?android:layout_width="wrap_content"
??????? ?android:layout_height="wrap_content"
??????? ?android:text="這是提示文字" />
??? <Button ?android:id="@+id/btn"
??????? ?android:layout_width="wrap_content"
??????? ?android:layout_height="wrap_content"
??????? ?android:text="這是按鈕"/>
</FrameLayout>
3、表格布局
TableLayout表格布局詳解
http://blog.sina.com.cn/s/blog_63c66eb60100u29p.html
?
TableLayout跟TableRow?是一組搭配應用的布局，TableLayout置底，TableRow在TableLayout的上方，而Button、TextView等控件就在TableRow之上，別的，TableLayout之上也可以零丁放控件。TableLayout是一個應用錯雜的布局，最簡單的用法就僅僅是拖沓控件做出個界面，但實際上，會經(jīng)常在代碼里應用TableLayout，例如做出表格的結果。本文首要介紹TableLayout的根蒂根基應用辦法。?
1.android:collapseColumns：//隱藏指定的列
? ? ? ??①設置?TableLayout?內(nèi)的?TableRow?中需要隱藏的列的列索引，多個用“,”隔開??? ? ??②以第0行為序，隱藏指定的列：把android:collapseColumns=0,3意思是把第0和第3列隱藏
?
? ??2.android:shrinkColumns：//收縮指定的列以適合屏幕、不會擠出屏幕?? ?? ? ? ? ? ? ? ? ? ? ?? ? ? ? ??①?設置?TableLayout?內(nèi)的?TableRow?中需要拉伸（該列會拉伸到所有可用空間）的列的列索引，多列個用“,”隔開（多列每列填充空隙大小一樣）? ? ? ?②以第0行為序，自動延伸指定的列填充可用部分：?當LayoutRow里面的控件還沒有布滿布局時，shrinkColumns不起作用。? ? ?③設置了shrinkColumns=1,4，布局完全沒有改變，因為LayoutRow里面還剩足夠的空間。當LayoutRow布滿控件時,設置了shrinkColumns=2，5，則控件自動向垂直方向填充空間?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3.android:stretchColumns：//盡量把指定的列表填充空白部分? ? ? ? ? ? ? ? ? ??
? ? ??①設置?TableLayout?內(nèi)的?TableRow?中需要收縮（為了使其他列不會被擠到屏幕?外，此列會自動收縮）的列的列索引，多個用“,”隔開?
?? ? ? ?②?以第0行為序，盡量把指定的列填充空白部分:設置stretchColumns=2，5，第1，4列被盡量填充同時向右填充,直到2，5被壓擠到最后邊)。?
補充：
①表格布局的子對象不能指定?layout_width?屬性.寬度永遠是?MATCH_PARENT。
②不過子對象可以定義?layout_height?屬性；其默認值是WRAP_CONTENT.?如果子對象是?TableRow，其高度永遠是?WRAP_CONTENT。
實例：
<LinearLayoutxmlns: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"
????tools:context=".AndroidTableLayoutActivity">
????<!--?定義第一個表格，指定第2列允許收縮，第3列允許拉伸 -->
????<TableLayout?
????????android:id="@+id/tablelayout01"
????????android:layout_width="match_parent"
????????android:layout_height="wrap_content"
????????android:shrinkColumns="1"
????????android:stretchColumns="2">
????????<!--?直接添加按鈕，自己占用一行 -->
????????<Button
????????????android:id="@+id/btn01"
? ? ? ? ? ??android:layout_width="wrap_content"
????????????android:layout_height="wrap_content"
????????????android:text="獨自一行">
????????</Button>
????????<TableRow>
? ? ? ??<Button
????????????????android:id="@+id/btn02"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="普通">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn03"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
? ? ? ? ? ? ? ?android:text="允許被收縮允許被收縮允許被收縮允許被收縮">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn04"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="允許被拉伸允許被拉伸允許被拉伸">
????????????</Button>
????????</TableRow>
????</TableLayout>
????<!--?定義第2個表格，指定第2列隱藏 -->
????<TableLayout
????????android:id="@+id/tablelayout02"
????????android:layout_width="match_parent"
????????android:layout_height="wrap_content"
????????android:collapseColumns="1">
????????<TableRow>
????????????<Button
????????????????android:id="@+id/btn05"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="普通">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn06"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="被隱藏列">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn07"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="允許被拉伸">
????????????</Button>
????????</TableRow>
????</TableLayout>
????<!--?定義第3個表格，指定第2列填滿空白 -->
????<TableLayout
????????android:id="@+id/tablelayout03"
????????android:layout_width="match_parent"
????????android:layout_height="wrap_content"
????????android:stretchColumns="1">
????????<TableRow>
????????????<Button
????????????????android:id="@+id/btn08"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="普通">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn09"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="填滿剩余空白">
????????????</Button>
????????</TableRow>
????</TableLayout>
????<!--?定義第3個表格，指定第2列橫跨2列 -->
????<TableLayout
????????android:id="@+id/tablelayout04"
????????android:layout_width="match_parent"
????????android:layout_height="wrap_content">
????????<TableRow>
????????????<Button
????????????????android:id="@+id/btn10"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:text="普通">
????????????</Button>
????????????<Button
????????????????android:id="@+id/btn11"
????????????????android:layout_width="wrap_content"
????????????????android:layout_height="wrap_content"
????????????????android:layout_column="2"
????????????????android:text="填滿剩余空白">
????????????</Button>
????????</TableRow>
????</TableLayout>
</LinearLayout>
?4、相對布局
http://blog.csdn.net/zenglinkai/article/details/10156773
??相對布局（RelativeLayout）是一種非常靈活的布局方式，能夠通過指定界面元素與其他元素的相對位置關系，確定界面中所有元素的布局位置
?特點：能夠最大程度保證在各種屏幕尺寸的手機上正確顯示界面布局
AndroidRelativeLayout?屬性
//?相對于給定ID控件
android:layout_above?將該控件的底部置于給定ID的控件之上;
android:layout_below?將該控件的底部置于給定ID的控件之下;
android:layout_toLeftOf????將該控件的右邊緣與給定ID的控件左邊緣對齊;
android:layout_toRightOf??將該控件的左邊緣與給定ID的控件右邊緣對齊;
?
android:layout_alignBaseline??將該控件的baseline與給定ID的baseline對齊;
android:layout_alignTop ??????將該控件的頂部邊緣與給定ID的頂部邊緣對齊;
android:layout_alignBottom ??將該控件的底部邊緣與給定ID的底部邊緣對齊;
android:layout_alignLeft ? ????將該控件的左邊緣與給定ID的左邊緣對齊;
android:layout_alignRight ?? ?將該控件的右邊緣與給定ID的右邊緣對齊;
//?相對于父組件
android:layout_alignParentTop ????如果為true,將該控件的頂部與其父控件的頂部對齊;
android:layout_alignParentBottom?如果為true,將該控件的底部與其父控件的底部對齊;
android:layout_alignParentLeft ????如果為true,將該控件的左部與其父控件的左部對齊;
android:layout_alignParentRight ???如果為true,將該控件的右部與其父控件的右部對齊;
//?居中
android:layout_centerHorizontal?如果為true,將該控件的置于水平居中;
android:layout_centerVertical????如果為true,將該控件的置于垂直居中;
android:layout_centerInParent???如果為true,將該控件的置于父控件的中央;
//?指定移動像素
android:layout_marginTop?????上偏移的值;
android:layout_marginBottom?下偏移的值;
android:layout_marginLeft? 左偏移的值;
android:layout_marginRight?右偏移的值;
5、絕對布局
?絕對布局（AbsoluteLayout）能通過指定界面元素的坐標位置，來確定用戶界面的整體布局
?絕對布局是一種不推薦使用的界面布局，因為通過X軸和Y軸確定界面元素位置后，Android系統(tǒng)不能夠根據(jù)不同屏幕對界面元素的位置進行調(diào)整，降低了界面布局對不同類型和尺寸屏幕的適應能力
每一個界面控件都必須指定坐標（X，Y），例如“確認”按鈕的坐標是（40，120），“取消”按鈕的坐標是（120，120）。坐標原點（0，0）在屏幕的左上角
?
6、網(wǎng)格布局
http://www.cnblogs.com/skywang12345/p/3154150.html
??網(wǎng)格布局（GridLayout）
?Android SDK 4.0新支持的布局方式
將用戶界面劃分為網(wǎng)格，界面元素可隨意擺放在網(wǎng)格中
?網(wǎng)格布局比表格布局（TableLayout）在界面設計上更加靈活，在網(wǎng)格布局中界面元素可以占用多個網(wǎng)格的，而在表格布局卻無法實現(xiàn)，只能將界面元素指定在一個表格行（TableRow）中，不能跨越多個表格行。
GroidLayoutDemo示例說明網(wǎng)格布局的使用方法
?在Eclipse界面設計器中的界面圖示和在Android模擬器運行后的用戶界面。
7、約束布局
http://blog.csdn.net/u012930328/article/details/52048531
