第五章Android常見布局

第五章Android常見布局小節(jié)安排Android常見布局5.1、LinearLayout線性布局

2.3、編寫第一個Android應(yīng)用程序

2.2、開發(fā)環(huán)境的搭建

5.4、TableLayout表格布局

5.3、FrameLayout框架布局5.2、RelativeLayout相對布局

5.4、TableLayout表格布局

5.5、GridLayout網(wǎng)格布局

布局組件Layout布局組件LayoutViewGroup是一個抽象類,也是其他容器類的基類。下面是它的一些實現(xiàn)類線性布局LinearLayout相對布局RelativeLayout框架布局FrameLayout表格布局TableLayout絕對布局GridLayout網(wǎng)格布局線性布局LinearLayout線性布局（LinearLayout）是一種重要的界面布局中，也是經(jīng)常使用到的一種界面布局在線性布局中，所有的子元素都按照垂直或水平的順序在界面上排列，不會換行如果垂直排列，則每行僅包含一個界面元素如果水平排列，則每列僅包含一個界面元素屬性android:orientationHorizontalvertical線性布局LinearLayout線性布局（LinearLayout）在線性布局中，有個非常重要的屬性gravity,這個屬性用來指定組件內(nèi)容的對齊方式gravity的中文意思就是”重心“，就是表示view橫向和縱向的停靠位置，支持top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical、clip_horizontal幾個屬性值?？梢酝瑫r指定多種對齊方式，如left|center_vertical表示出現(xiàn)在屏幕左邊，并且垂直居中

<LinearLayoutxmlns:android="android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"

android:gravity="bottom|center_horizontal"></LinearLayout>線性布局LinearLayout線性布局（LinearLayout）在線性布局中，LinearLayout有兩個非常相似的屬性：android:gravity與android:layout_gravity

android:gravity：是對view控件本身來說的，是用來設(shè)置view本身的內(nèi)容應(yīng)該顯示在view的什么位置,默認值是左側(cè)

。android:layout_gravity：是相對于包含該元素的父元素來說的，設(shè)置該元素在父元素的什么位置

<Buttonandroid:android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="gravity測試"android:gravity="right"/><Buttonandroid:android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="layout_gravity測試"android:layout_gravity="right"/>線性布局LinearLayout線性布局（LinearLayout）在線性布局中，LinearLayout還支持為其包含的widget或者是container指定填充權(quán)值layout_weight

默認的weight值為0，表示按照widgets或者是containers實際大小來顯示，若高于0的值，則將Container剩余可用空間分割，分割大小具體取決于每一個widget或者是container的layout_weight及該權(quán)值在所有widgets或者是containers中的比例

<Buttonandroid:android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="測試按鈕1"

android:layout_weight="3"/><Buttonandroid:android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="測試按鈕2"

android:layout_weight="2"/><Buttonandroid:android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="測試按鈕3"/>線性布局LinearLayout線性布局（LinearLayout）動態(tài)創(chuàng)建布局在將每一個View加入到這個Layout里邊的時候，我們會傳傳遞一組值，這組值封裝在LayoutParams這個類當(dāng)中。在顯示這個View的時候，它的容器會根據(jù)傳進來的LayoutParams進行計算，來確認這個View顯示的大小和位置layout_width

-

寬layout_height

-

高//定義布局管理器的指定寬和高LinearLayout.LayoutParamsparams=newLinearLayout.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT);layout.setOrientation(LinearLayout.VERTICAL);線性布局LinearLayout小節(jié)安排Android常見布局5.1、LinearLayout線性布局

2.3、編寫第一個Android應(yīng)用程序

2.2、開發(fā)環(huán)境的搭建

5.4、TableLayout表格布局

5.3、FrameLayout框架布局5.2、RelativeLayout相對布局

5.4、TableLayout表格布局

5.5、GridLayout網(wǎng)格布局

相對布局RelativeLayout相對布局（RelativeLayout）是一種非常靈活的布局方式，能夠通過指定界面元素與其他元素的相對位置關(guān)系，確定界面中所有元素的布局位置特點：能夠最大程度保證在各種屏幕類型的手機上正確顯示界面布局在眾多布局中，推薦使用相對布局<RelativeLayoutandroid:android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="<TextViewandroid:android:layout_height="wrap_content"android:layout_width="fill_parent"android:text="用戶名："></TextView><EditTextandroid:android:layout_height="wrap_content"android:layout_width="fill_parent"

android:</EditText></RelativeLayout>需要設(shè)置id相對布局RelativeLayout相對布局（RelativeLayout）實現(xiàn)如圖效果步驟添加TextView控件(“用戶名”),相對布局會將TextView控件放置在屏幕的最上方然后添加EditText控件(輸入框)并聲明該控件的位置在TextView控件的下方，相對布局會根據(jù)TextView的位置確定EditText控件的位置之后添加第一個Button控件(“取消”按鈕),聲明在EditText控件的下方，且在父控件的最右邊最后，添加第二個Button控件（“確認”按鈕），聲明該控件在第一個Button控件的左方，且與第一個Button控件處于相同的水平位置<TextViewandroid:android:layout_height="wrap_content"android:layout_width="fill_parent"android:text="用戶名："></TextView><EditTextandroid:android:layout_height="wrap_content"android:layout_width="fill_parent"

android:</EditText><Buttonandroid:android:layout_height="wrap_content"android:layout_width="wrap_content"

android:layout_alignParentRight="true"android:layout_marginLeft="10dip"

android:android:text="取消"></Button><Buttonandroid:android:layout_height="wrap_content"android:layout_width="wrap_content"

android:android:android:text="確認"></Button>相對布局RelativeLayout相對布局（RelativeLayout）設(shè)置兩個控件之間的布局屬性說明屬性值說明android:layout_above將該控件的底部置于給定ID的控件之上android:layout_below將該控件的底部置于給定ID的控件之下android:layout_toLeftOf將該控件的右邊緣與給定ID的控件左邊緣對齊android:layout_toRightOf將該控件的左邊緣與給定ID的控件右邊緣對齊android:layout_alignTop將該控件的頂部邊緣與給定ID的頂部邊緣對齊android:layout_alignBottom將該控件的底部邊緣與給定ID的底部邊緣對齊android:layout_alignLeft將該控件的左邊緣與給定ID的左邊緣對齊android:layout_alignRight將該控件的右邊緣與給定ID的右邊緣對齊相對布局RelativeLayout設(shè)置與父控件之間布局的屬性說明屬性值說明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,將該控件的置于父控件的中央小節(jié)安排Android常見布局5.1、LinearLayout線性布局

2.3、編寫第一個Android應(yīng)用程序

2.2、開發(fā)環(huán)境的搭建

5.4、TableLayout表格布局

5.3、FrameLayout框架布局5.2、RelativeLayout相對布局

5.4、TableLayout表格布局

5.5、GridLayout網(wǎng)格布局

FrameLayout框架布局FrameLayout對象好比一塊在屏幕上提前預(yù)定好的空白區(qū)域，可以將一些元素填充在里面，如圖片。所有元素都被放置在FrameLayout區(qū)域的最左上區(qū)域，而且無法為這些元素制指定一個確切的位置，若有多個元素，那么后面的元素會重疊顯示在前一個元素上。FrameLayout框架布局FrameLayout常用屬性及對應(yīng)方法屬性名稱對應(yīng)方法描述android:foregroundsetForeground(Drawable)設(shè)置繪制在所有子控件之上的內(nèi)容android:foregroundGravityandroid:ForegroundGravity(int)設(shè)置繪制在所有子控件之上內(nèi)容的gravity屬性FrameLayout框架布局小節(jié)安排Android常見布局5.1、LinearLayout線性布局

2.3、編寫第一個Android應(yīng)用程序

2.2、開發(fā)環(huán)境的搭建

5.4、TableLayout表格布局

5.3、FrameLayout框架布局5.2、RelativeLayout相對布局

5.4、TableLayout表格布局

5.5、GridLayout網(wǎng)格布局

表格布局TableLayout表格布局(TableLayout)也是一種常用的界面布局，它將屏幕劃分網(wǎng)格，通過指定行和列可以將界面元素添加的網(wǎng)格中網(wǎng)格的邊界對用戶是不可見的表格布局還支持嵌套，可以將另一個表格布局放置在前一個表格布局的網(wǎng)格中，也可以在表格布局中添加其他界面布局，例如線性布局、相對布局等等表格布局示意圖表格布局TableLayoutTableLayout常用屬性及對應(yīng)方法屬性名稱對應(yīng)方法描述android:collapseColumnssetColumnsCollapsed(int,boolean)設(shè)定指定列號的列為Collapsed，列號從0開始計算android:shrinkColumnssetShrinkAllColumns(boolean)設(shè)定指定列號的列為Shrinkable，列號從0開始計算android:stretchColumnssetStretchAllColumns(boolean)設(shè)定指定列號的列為Stretchable，列號從0開始計算表格布局TableLayout表格布局(TableLayout)一個表格布局由若干個<TableRow>標(biāo)簽組成每個<TableRow>都會定義一行，每行可以有0或多個單元格可以向單元格中添加組件，每添加一個組件表格就增加一列如果直接向TableLayout添加組件，組件將直接站一行<TableLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"><!--直接添加按鈕，它自己會占一行--><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="獨一行的按鈕"/><TableRow><!--添加一個表格行--><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="普通按鈕1"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="普通按鈕2"/></TableRow></TableLayout>表格布局TableLayout表格布局(TableLayout)TableLayout可以對列進行隱藏，壓縮，拉伸android:shrinkColumns設(shè)置可以收縮的列號android:stretchColumns設(shè)置可以伸展的列號android:collapseColumns設(shè)置表格的列是否隱藏需要注意的是列號從0開始，也可以用”*”表示指定所有的列，多列用逗號隔開"0,1,2"<TableLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content“android:shrinkColumns="1"android:stretchColumns="2"><!--直接添加按鈕，它自己會占一行--><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="獨一行的按鈕"/><TableRow><!--添加一個表格行--><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="允許被收縮的按鈕"/><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="允許被拉伸的按鈕"/></TableRow></TableLayout>android:collapseColumns="1"android:stretchColumns=“1,2"小節(jié)安排Android常見布局5.1、LinearLayout線性布局

2.3、編寫第一個Android應(yīng)用程序

2.2、開發(fā)環(huán)境的搭建

5.4、TableLayout表格布局