1、2022-6-271Andriod 界面布局及基本控件2022-6-272AndroidAndroid中的布局方式：中的布局方式：線性布局（線性布局（LinerLayoutLinerLayout）相對布局（相對布局（RelativeLayoutRelativeLayout）表格布局表格布局 （TableLayoutTableLayout）幀布局幀布局 （FrameLayoutFrameLayout）絕對布局（絕對布局（AbsoluteLayoutAbsoluteLayout）本章主要學(xué)習(xí)線性布局、相對布局和表格布局。本章主要學(xué)習(xí)線性布局、相對布局和表格布局。界面布局2022-6-273線性布局

2、有兩種方式：垂直的和水平的線性布局。線性布局有兩種方式：垂直的和水平的線性布局。androidandroid：orientationorientation：用來指明是水平的還是垂直的線性布局。：用來指明是水平的還是垂直的線性布局。AndroidAndroid：layout_weight:layout_weight:控件占屏幕的比例。控件占屏幕的比例。案例：將案例：將ActivityActivity分成上下兩部分，上部分占分成上下兩部分，上部分占1/31/3，下部分占，下部分占2/32/3，上部分有三個(gè)，上部分有三個(gè)buttonbutton，水平布局，下部分也是三個(gè)，水平布局，下部分也是三個(gè)bu

3、ttonbutton，但是是垂直布局。效果如下圖，但是是垂直布局。效果如下圖所示，編寫相應(yīng)代碼。所示，編寫相應(yīng)代碼。說明：說明： 1 1）當(dāng)按水平排放時(shí)，如果幾個(gè)控件的android:layout_width=“wrap_content”那會先分配各個(gè)控件內(nèi)部必須要占用的空間，其他剩余空間按該值得大小比例分配。如果幾個(gè)控件的android:layout_width=“fill_parent”會根據(jù)該值得比例反比去顯示大小。 如果android:layout_width=“0dip”會按該值得大小比例分配。 豎直時(shí)亦然。 2 2）如果要）如果要button1button1垂直居中，可以增加一行代

4、碼：垂直居中，可以增加一行代碼： android:gravity=center_horizontal|center_vertical線性布局2022-6-274相對布局內(nèi)的子元素（控件）通過彼此之間的相對關(guān)系來定位，或者與其父元素相對布局內(nèi)的子元素（控件）通過彼此之間的相對關(guān)系來定位，或者與其父元素進(jìn)行相互定位。進(jìn)行相互定位。android:layout_above:android:layout_above:將該控件置于給定將該控件置于給定IDID的控件之上的控件之上android:layout_below:android:layout_below:將該控件置于給定將該控件置于給定IDID的控

5、件之下的控件之下android:layout_toLeftOf:android:layout_toLeftOf:將該控件置于給定將該控件置于給定IDID的控件之左的控件之左android:layout_toRightOf:android:layout_toRightOf:將該控件置于給定將該控件置于給定IDID的控件之右的控件之右android:layout_alignBottom:android:layout_alignBottom:將該控件的底部邊緣與給定將該控件的底部邊緣與給定IDID控件底部邊緣對齊控件底部邊緣對齊android:layout_alignLeft:android:lay

6、out_alignLeft:將該控件的左邊邊緣與給定將該控件的左邊邊緣與給定IDID控件左邊邊緣對齊控件左邊邊緣對齊android:layout_alignRight:android:layout_alignRight:將該控件的右邊邊緣與給定將該控件的右邊邊緣與給定IDID控件右邊邊緣對齊控件右邊邊緣對齊android:layout_alignTop:android:layout_alignTop:將該控件的左頂部邊緣與給定將該控件的左頂部邊緣與給定IDID控件頂部邊緣對齊控件頂部邊緣對齊android:layout_alignParentBottom：該控件的底部與父控件的底部對齊andr

7、oid:layout_alignParentLeft：該控件的左邊緣與父控件的左邊緣對齊android:layout_alignParentRight：該控件的右邊緣與父控件的右邊緣對齊android:layout_alignParentTop：該控件的頂部與父控件的頂部對齊相對布局2022-6-275android:layout_centerHorizontal:android:layout_centerHorizontal:該控件在其父控件范圍內(nèi)水平居中該控件在其父控件范圍內(nèi)水平居中android:layout_centerVerticalandroid:layout_centerVert

8、ical：該控件在其父控件范圍內(nèi)垂直居中：該控件在其父控件范圍內(nèi)垂直居中android:layout_centerInParent:android:layout_centerInParent:該控件在其父控件范圍內(nèi)水平和垂直居中該控件在其父控件范圍內(nèi)水平和垂直居中案例：參考課本案例：參考課本2626頁，使用相對布局實(shí)現(xiàn)如下的布局效果：頁，使用相對布局實(shí)現(xiàn)如下的布局效果：相對布局2022-6-276案例：使用表格布局完成如下的布局效果：案例：使用表格布局完成如下的布局效果：表格布局2022-6-277TextViewTextView：文本控件：文本控件EditTextEditText：可編輯的文

9、本控件：可編輯的文本控件ButtonButton：按鈕控件：按鈕控件Android:layout_width:Android:layout_width:指定控件的布局寬度指定控件的布局寬度Android:layout_height:Android:layout_height:指定控件的布局高度指定控件的布局高度Android:id:Android:id:指定控件的指定控件的IDIDAndroid:textAndroid:text：指定控件的顯示文字：指定控件的顯示文字Android:textSize:Android:textSize:指定控件文字的大小指定控件文字的大小Android:back

10、ground:Android:background:指定控件的背景指定控件的背景Android:padding:Android:padding:指定控件的內(nèi)邊距指定控件的內(nèi)邊距文本框及按鈕控件2022-6-278案例：運(yùn)用案例：運(yùn)用TextViewTextView、EditTextEditText、ButtonButton控件完成如下界面。控件完成如下界面。說明：如果要使密碼變?yōu)椴豢梢姡黾右恍写a：說明：如果要使密碼變?yōu)椴豢梢姡黾右恍写a： android:password= android:password=truetrue文本框及按鈕控件2022-6-279案例：在上述界面的基礎(chǔ)上，添加事件監(jiān)聽：當(dāng)點(diǎn)擊案例：在上述界面的基礎(chǔ)上，添加事件監(jiān)聽：當(dāng)點(diǎn)擊“取消取消”按鈕時(shí)，將按鈕時(shí)，將“賬號賬號”和和“密碼密碼”輸入框清空。輸入框清空。按鈕事件監(jiān)聽2022-6-2710案例：在上述界面的基礎(chǔ)上，進(jìn)行案例：在上述界面的基礎(chǔ)上，進(jìn)行ActivityActivity之間的跳轉(zhuǎn)