Android項(xiàng)目開發(fā)任務(wù)2-1：幀布局設(shè)計(jì)導(dǎo)入任務(wù)任務(wù)實(shí)施相關(guān)知識(shí)拓展訓(xùn)練導(dǎo)入任務(wù)進(jìn)行Android應(yīng)用軟件開發(fā)，首先要進(jìn)行軟件界面的布局設(shè)計(jì)，本次任務(wù)完成一個(gè)幀布局的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)目標(biāo)】在Android系統(tǒng)中使用幀布局完成以下界面圖案設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)描述】幀布局FrameLayout是Android五大布局之一。在幀布局中，所有顯示對象都將固定在屏幕的左上角，不能指定位置，但允許有多個(gè)顯示對象，只是后一個(gè)會(huì)直接覆蓋在前一個(gè)之上顯示，會(huì)把前面的組件部分或全部擋住。如下圖所示。導(dǎo)入任務(wù)【任務(wù)分析】利用幀布局的特性，采用TextView控件疊加的方式來完成上述場景設(shè)計(jì)。具體做法：總體界面設(shè)計(jì)采用幀布局設(shè)計(jì)，在幀布局FrameLayout標(biāo)簽中使用3個(gè)TextView標(biāo)簽，分別將控件背景顏色設(shè)置為紅色、綠色和藍(lán)色，按次序疊加排列，從而實(shí)現(xiàn)所要的場景設(shè)計(jì)。任務(wù)實(shí)施創(chuàng)建安卓應(yīng)用程序項(xiàng)目編寫幀布局XML文件運(yùn)行布局界面查看結(jié)果任務(wù)實(shí)施操作1：啟動(dòng)Eclipse，點(diǎn)擊【File】菜單，選擇【New】→【Project】菜單項(xiàng)，在彈出的【NewProject】對話框中選中【AndroidApplicationProject】選項(xiàng)，單擊【Next】進(jìn)入下一步。任務(wù)實(shí)施操作2：在彈出的【NewAndroidApp】對話框中輸入應(yīng)用程序名稱為“framelayoutdemo”，單擊【Next】進(jìn)入下一步。任務(wù)實(shí)施操作3：配置應(yīng)用程序圖標(biāo)，這里采用默認(rèn)設(shè)置，單擊【Next】進(jìn)入下一步。任務(wù)實(shí)施操作4：選擇創(chuàng)建的Activity類，這里選擇【BlankActivity】，單擊【Next】進(jìn)入下一步。任務(wù)實(shí)施操作5：輸入要?jiǎng)?chuàng)建的Activity類的名稱，這里輸入“FrameLayoutDemoActivity”，單擊【Finish】完成Android應(yīng)用程序項(xiàng)目的創(chuàng)建。任務(wù)實(shí)施操作6：創(chuàng)建后的Android應(yīng)用程序項(xiàng)目架構(gòu)如下所示。任務(wù)實(shí)施操作7：雙擊打開“activity_frame_layout_demo.xml”文件，在代碼編輯窗口輸入以下對應(yīng)程序代碼。任務(wù)實(shí)施操作8：保存文件，選擇應(yīng)用程序項(xiàng)目framelayoutdemo，點(diǎn)擊鼠標(biāo)右鍵，在彈出的右鍵菜單中選擇【RunAs】→【AndroidApplication】菜單項(xiàng)，如下圖操作。運(yùn)行該項(xiàng)目，即可看到效果。相關(guān)知識(shí)幀布局FrameLayout文本框TextView技術(shù)知識(shí)知識(shí)點(diǎn)1：幀布局FrameLayoutFrameLayout（幀布局）是Android布局中較為簡單的一個(gè)布局，這個(gè)布局直接在屏幕上開辟出一塊空白的區(qū)域，當(dāng)我們往里面添加控件的時(shí)候，會(huì)默認(rèn)把他們放到這塊區(qū)域的左上角。這種布局方式?jīng)]有任何的定位方式，所以它應(yīng)用的場景并不多。幀布局的大小由控件中最大的子控件決定，如果控件的大小一樣大的話，那么同一時(shí)刻就只能看到最上面的那個(gè)組件。后續(xù)添加的控件會(huì)覆蓋前一個(gè)。雖然默認(rèn)會(huì)將控件放置在左上角，但是我們也可以通過layout_gravity屬性，指定到其他的位置。屬性名稱描述android:layout_width指定組件的寬度android:layout_height指定組件的高度技術(shù)知識(shí)知識(shí)點(diǎn)2、TextViewTextView是用來顯示字符串的組件，在手機(jī)上就是顯示一塊文本的區(qū)域。其常用XML屬性如下：屬性名稱描述android:gravity當(dāng)文字小于視圖，指定如何對齊文本視圖的X或Y軸。android:height設(shè)置Textview的高度。android:text設(shè)置TextView文本內(nèi)容顯示。android:textColor設(shè)置顯示內(nèi)容顏色。android:textSize設(shè)置顯示內(nèi)容大小。android:lines設(shè)置TextView的行數(shù)。android:hint當(dāng)文本為空時(shí)提示文本顯示。拓展訓(xùn)練使用幀布局完成漸變條紋的圖案設(shè)計(jì)與實(shí)現(xiàn)拓展訓(xùn)練【實(shí)戰(zhàn)訓(xùn)練】創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，在項(xiàng)目中編程實(shí)現(xiàn)以下界面效果。劉國3c365@Android項(xiàng)目開發(fā)任務(wù)2-2：線性布局設(shè)計(jì)導(dǎo)入任務(wù)任務(wù)實(shí)施相關(guān)知識(shí)拓展訓(xùn)練導(dǎo)入任務(wù)進(jìn)行Android應(yīng)用軟件開發(fā)，首先要進(jìn)行軟件界面的布局設(shè)計(jì)，本次任務(wù)完成一個(gè)線性布局設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)目標(biāo)】在Android系統(tǒng)中使用線性布局完成彩色條紋界面的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)描述】線性布局（LinearLayout）是Android應(yīng)用軟件最為常用的布局。LinearLayout類也是RadioGroup、TabWidget、TableLayout、TableRow、ZoomControls等類的父類。LinearLayout可以讓它的子元素垂直或水平的方式排成一行（不設(shè)置方向的時(shí)候默認(rèn)按照垂直方向排列）。導(dǎo)入任務(wù)【任務(wù)分析】在線性布局中，內(nèi)部各組件可以以垂直或水平的方式進(jìn)行排列，從上圖的彩色條形界面可以看出，界面中各顏色色條呈垂直線性排列。因此在本任務(wù)中可以將布局內(nèi)各組件設(shè)置為線性垂直排列。具體做法：首先將界面總體布局設(shè)置為線性布局，然后在線性布局中設(shè)置5個(gè)TextView控件，并按照次序?qū)?個(gè)TextView控件的顏色分別設(shè)為粉、綠、藍(lán)、黃、灰等5個(gè)顏色。任務(wù)實(shí)施創(chuàng)建安卓應(yīng)用程序項(xiàng)目編寫線性布局XML文件運(yùn)行布局界面查看結(jié)果任務(wù)實(shí)施操作1：創(chuàng)建項(xiàng)目。創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，將該項(xiàng)目命名為“l(fā)inearlayoutdemo”。創(chuàng)建后的項(xiàng)目架構(gòu)如下所示。任務(wù)實(shí)施操作2：編寫程序。在項(xiàng)目“l(fā)inearlayoutdemo”中雙擊打開“activity_main.xml”文件，在代碼編輯窗口輸入對應(yīng)程序代碼，完成界面代碼的編寫。任務(wù)實(shí)施操作3：運(yùn)行調(diào)試。保存文件，預(yù)覽設(shè)計(jì)效果，如下圖所示。運(yùn)行項(xiàng)目linearlayoutdemo，測試程序運(yùn)行效果。相關(guān)知識(shí)線性布局LinearLayout常用標(biāo)簽屬性技術(shù)知識(shí)知識(shí)點(diǎn)1：線性布局LinearLayout線性布局可分為水平線性布局和垂直線性布局兩種。通過android:orientation屬性可以設(shè)置線性布局的方向。例如：android:orientation="vertical"表示垂直線性布局android:orientation="horizontal"表示水平線性布局技術(shù)知識(shí)知識(shí)點(diǎn)2：常用標(biāo)簽屬性屬性名稱描述android:text設(shè)置標(biāo)簽文字。android:text="WelcometoAndroidWorld!"android:textColor設(shè)置字體顏色。例如android:textColor="#eeff00"android:textSize設(shè)置字體大小。例如android:textSize="18px"android:background設(shè)置標(biāo)簽背景顏色。例如android:background="#E8E8D0"android:layout_weight設(shè)置標(biāo)簽在布局中的相對大小，屬性值為非負(fù)整數(shù)值。拓展訓(xùn)練使用絕對布局編程實(shí)現(xiàn)以下圖案界面的設(shè)計(jì)。拓展訓(xùn)練【實(shí)戰(zhàn)訓(xùn)練】創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，在項(xiàng)目中使用線性布局編程實(shí)現(xiàn)以下界面效果。劉國3c365@Android項(xiàng)目開發(fā)任務(wù)2-3：相對布局設(shè)計(jì)導(dǎo)入任務(wù)任務(wù)實(shí)施相關(guān)知識(shí)拓展訓(xùn)練導(dǎo)入任務(wù)進(jìn)行Android應(yīng)用軟件開發(fā)，首先要進(jìn)行軟件界面的布局設(shè)計(jì)，本次任務(wù)完成一個(gè)相對布局設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)目標(biāo)】在Android系統(tǒng)中使用相對布局完成安卓端操控手柄界面的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)描述】相對布局（RelativeLayout）是Android系統(tǒng)中的常用布局之一。由于在該布局中，容器內(nèi)子組件的位置總是相對其他組件的位置來決定，因此稱為相對布局。假設(shè)A組件的位置是由B組件的位置來決定的，在相對布局中則要先定義B組件，再定義A組件。根據(jù)相對布局的特點(diǎn)，我們可以完成上述Android端應(yīng)用軟件的操控界面設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)分析】由于在相對布局中，內(nèi)部各組件是以其他組件的相對位置來決定，從上圖的操控界面可以看出，向上箭頭、向下箭頭、向左箭頭、向右箭頭等4個(gè)圖形正好位于中心雙十字箭頭圖形的上、下、左、右位置，因此在本任務(wù)中，可以將中心雙十字箭頭圖形作為其他4個(gè)圖形的基準(zhǔn)位置。具體做法：首先確定雙十字箭頭圖形的中心位置，然后以雙十字箭頭圖形為基準(zhǔn)位置，分別在它的上、下、左、右方向確定向上箭頭、向下箭頭、向左箭頭、向右箭頭等4個(gè)圖形的位置。任務(wù)實(shí)施創(chuàng)建安卓應(yīng)用程序項(xiàng)目編寫相對布局XML文件運(yùn)行布局界面查看結(jié)果任務(wù)實(shí)施操作1：創(chuàng)建項(xiàng)目。創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，將該項(xiàng)目命名為relativelayoutdemo。創(chuàng)建后的項(xiàng)目架構(gòu)如下所示。任務(wù)實(shí)施操作2：準(zhǔn)備素材。將所用到的圖像文件復(fù)制到項(xiàng)目中對應(yīng)的drawable資源中，這里可以復(fù)制到drawable-xhdpi里。注：所用到的圖像文件被分別為arrow.gif、arrow_up.gif、arrow_down.gif、arrow_left.gif、arrow_right.gif。任務(wù)實(shí)施操作3：編寫程序。在項(xiàng)目relativelayoutdemo中雙擊打開“activity_main.xml”文件，在代碼編輯窗口輸入以下程序代碼，完成界面代碼的編寫。任務(wù)實(shí)施操作4：運(yùn)行調(diào)試。保存文件，預(yù)覽設(shè)計(jì)效果。運(yùn)行應(yīng)用程序項(xiàng)目relativelayoutdemo，測試程序運(yùn)行效果。相關(guān)知識(shí)相對布局RelativeLayout常用標(biāo)簽屬性技術(shù)知識(shí)知識(shí)點(diǎn)1：相對布局RelativeLayout相對布局可以理解為以某一個(gè)元素為參照物來定位的布局方式。相對于兄弟元素可以使用android:layout_below、android:layout_toLeftOf等屬性來定位，相對于父元素可以使用android:layout_alignParentLeft、android:layout_alignParentRigh等屬性定位。技術(shù)知識(shí)知識(shí)點(diǎn)2：常用標(biāo)簽屬性屬性名稱描述android:layout_below定位在某元素的下方，屬性值為id的引用名。例如android:layout_below="@id/textviewmiddle"。android:layout_above定位在某元素的的上方，屬性值為id的引用名。android:layout_toLeftOf定位在某元素的左邊，屬性值為id的引用名。例如android:layout_toLeftOf="@id/textviewmiddle"。android:layout_toRightOf定位在某元素的右邊，屬性值為id的引用名。例如android:layout_toRightOf="@id/textviewmiddle"。android:layout_alignTop本元素的上邊緣和某元素的的上邊緣對齊android:layout_alignLeft本元素的左邊緣和某元素的的左邊緣對齊android:layout_alignBottom本元素的下邊緣和某元素的的下邊緣對齊android:layout_alignRight本元素的右邊緣和某元素的的右邊緣對齊android:layout_centerInparent相對于父元素完全居中。屬性值為true或false。android:layout_alignParentLeft貼緊父元素的左邊緣。屬性值為true或falseandroid:layout_alignParentRigh貼緊父元素的右邊緣。屬性值為true或falseandroid:layout_alignParentTop貼緊父元素的上邊緣。屬性值為true或falseandroid:layout_alignParentBottom貼緊父元素的下邊緣。屬性值為true或false拓展訓(xùn)練使用相對布局編程實(shí)現(xiàn)以下圖標(biāo)布局界面的設(shè)計(jì)。拓展訓(xùn)練【實(shí)戰(zhàn)訓(xùn)練】創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，在項(xiàng)目中使用相對布局編程實(shí)現(xiàn)以下界面效果。劉國3c365@Android項(xiàng)目開發(fā)任務(wù)2-4：表格布局設(shè)計(jì)導(dǎo)入任務(wù)任務(wù)實(shí)施相關(guān)知識(shí)拓展訓(xùn)練導(dǎo)入任務(wù)進(jìn)行Android應(yīng)用軟件開發(fā)，首先要進(jìn)行軟件界面的布局設(shè)計(jì)，本次任務(wù)完成一個(gè)表格布局設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)目標(biāo)】在Android系統(tǒng)中使用表格布局完成色彩透明度效果演示的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)描述】表格布局（TableLayout）是Android五大常用布局之一。TableLayout以行和列的形式管理子元素。TableLayout并不需要明確地聲明包含多少行、多少列，而是通過TableRow和其他組件來控制表格的行數(shù)和列數(shù)，總列數(shù)由列數(shù)最多的那一行決定。在表格布局中，列的寬度由該列中最寬的單元格決定，整個(gè)表格布局的寬度取決于父容器的寬度（默認(rèn)是占滿父容器本身）。本任務(wù)中，我們將使用表格布局完成一個(gè)色彩透明度效果演示設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)分析】在表格布局TableLayout中，行可以由TableRow進(jìn)行控制。TableRow也是容器，可以向TableRow里面添加其他組件，每添加一個(gè)組件該表格就增加一列。如果直接在TableLayout里面添加組件，那么該組件就直接占用一行。鑒于此，采用下圖所示的布局方式來實(shí)現(xiàn)界面設(shè)計(jì)。任務(wù)實(shí)施創(chuàng)建安卓應(yīng)用程序項(xiàng)目編寫表格布局XML文件運(yùn)行布局界面查看結(jié)果任務(wù)實(shí)施操作1：創(chuàng)建項(xiàng)目。創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，將該項(xiàng)目命名為tablelayoutdemo。創(chuàng)建后的項(xiàng)目架構(gòu)如下所示。任務(wù)實(shí)施操作2：編寫程序。在項(xiàng)目“tablelayoutdemo”中雙擊打開“activity_table_layout.xml”文件，在代碼編輯窗口輸入以下程序代碼，完成界面代碼的編寫。1任務(wù)實(shí)施接上程序2任務(wù)實(shí)施接上程序3任務(wù)實(shí)施操作3：運(yùn)行調(diào)試。保存文件，預(yù)覽設(shè)計(jì)效果。運(yùn)行應(yīng)用程序項(xiàng)目tablelayoutdemo，測試程序運(yùn)行效果。相關(guān)知識(shí)表格布局TableLayout常用標(biāo)簽屬性技術(shù)知識(shí)知識(shí)點(diǎn)1：表格布局TableLayout表格布局以行列的形式管理子控件，每一行設(shè)置一個(gè)TableRow標(biāo)簽，也可以是一個(gè)View標(biāo)簽。TableRow可以添加子控件，每添加一個(gè)為一列。技術(shù)知識(shí)知識(shí)點(diǎn)2：常用標(biāo)簽屬性屬性名稱描述android:stretchColumns設(shè)置指定的列為可伸展的列，以填滿剩下的多余空白空間，若有多列需要設(shè)置為可伸展，用逗號將需要伸展的列序號隔開。android:shrinkColumns設(shè)置指定的列為可收縮的列，當(dāng)可收縮的列太寬（內(nèi)容過多）不會(huì)被擠出屏幕。當(dāng)需要設(shè)置多列為可收縮時(shí)，將列序號用逗號隔開。android:collapseColumns將TableLayout里面指定的列隱藏，若有多列需要隱藏，用逗號將需要隱藏的列序號隔開。android:layout_span設(shè)置該控件所跨越的列數(shù)。android:layout_colum設(shè)置該控件在TableRow中指定的列。拓展訓(xùn)練使用表格布局編程實(shí)現(xiàn)列表菜單布局界面的設(shè)計(jì)。拓展訓(xùn)練【實(shí)戰(zhàn)訓(xùn)練】創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，在項(xiàng)目中使用表格布局編程實(shí)現(xiàn)以下界面效果。劉國3c365@Android項(xiàng)目開發(fā)任務(wù)2-5：絕對布局設(shè)計(jì)導(dǎo)入任務(wù)任務(wù)實(shí)施相關(guān)知識(shí)拓展訓(xùn)練導(dǎo)入任務(wù)進(jìn)行Android應(yīng)用軟件開發(fā)，首先要進(jìn)行軟件界面的布局設(shè)計(jì)，本次任務(wù)完成一個(gè)絕對布局設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)目標(biāo)】在Android系統(tǒng)中使用絕對布局完成應(yīng)用程序歡迎界面的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)描述】絕對定位AbsoluteLayout，又叫坐標(biāo)布局，可以直接指定子元素的絕對位置。這種布局簡單直接，直觀性強(qiáng)，但是由于手機(jī)屏幕尺寸差別比較大，使用絕對定位的適應(yīng)性會(huì)比較差。本任務(wù)中，我們將使用絕對布局完成一個(gè)歡迎界面的設(shè)計(jì)。導(dǎo)入任務(wù)【任務(wù)分析】絕對布局（AbsoluteLayout）就像Java中awt編程中的空布局，就是Android不提供任何布局控制，而是由開發(fā)人員自己通過X坐標(biāo)，Y坐標(biāo)來控制組件的位置，當(dāng)時(shí)用AbsoluteLayout作為布局容器時(shí)，布局容器不在管理子組件的位置，大小等這些都需要開發(fā)者自己控制。使用絕對布局時(shí)候，每個(gè)組件都可以制定以下兩個(gè)XML屬性：layout_x：制定該子組件的x坐標(biāo)layout_y：制定該子組件的y坐標(biāo)Tip:在絕對定位中，如果子元素不設(shè)置layout_x和layout_y，那么它們的默認(rèn)值是0，也就是說它會(huì)像在FrameLayout一樣這個(gè)元素會(huì)出現(xiàn)在左上角。任務(wù)實(shí)施創(chuàng)建安卓應(yīng)用程序項(xiàng)目編寫絕對布局XML文件運(yùn)行布局界面查看結(jié)果任務(wù)實(shí)施操作1：創(chuàng)建項(xiàng)目。創(chuàng)建一個(gè)Android應(yīng)用程序項(xiàng)目，將該項(xiàng)目命名為“absolutelayoutdemo”。任務(wù)實(shí)施操作2：準(zhǔn)備素材。將所用到的圖像文件“robotdj.png”復(fù)制到項(xiàng)目中對應(yīng)的drawable資源中，這里可以復(fù)制到drawable-xhdpi里。任務(wù)實(shí)施操作3：編寫程序。在項(xiàng)目absolutelayoutdemo中雙擊打開“activity_main.x