【文章內(nèi)容簡(jiǎn)介】 View中的子項(xiàng)；參數(shù) 2表示適配器內(nèi)部的控件，也就是子項(xiàng)的位置；參數(shù) 3表示子項(xiàng)的行號(hào) ? 第 4行和第 5行代碼用于顯示信息，選擇子項(xiàng)確定后，在TextView中顯示子項(xiàng)父控件的信息、子控件信息、位置信息和 ID信息 ? 第 7行代碼是 ListView指定剛剛聲明的監(jiān)聽(tīng)器 界面控件 ? TabHost ? Tab標(biāo)簽頁(yè)是界面設(shè)計(jì)時(shí)經(jīng)常使用的界面控件，可以實(shí)現(xiàn)多個(gè)分頁(yè)之間的快速切換，每個(gè)分頁(yè)可以顯示不同的內(nèi)容 ? 下圖是 Android系統(tǒng)內(nèi)置的 Tab標(biāo)簽頁(yè)，點(diǎn)擊“呼出 /接聽(tīng)鍵”后出現(xiàn)，用于電話呼出和查看撥號(hào)記錄、聯(lián)系人 界面控件 ? TabHost ? Tab標(biāo)簽頁(yè)的使用 ? 首先要設(shè)計(jì)所有的分頁(yè)的界面布局 ? 在分頁(yè)設(shè)計(jì)完成后，使用代碼建立 Tab標(biāo)簽頁(yè)，并給每個(gè)分頁(yè)添加標(biāo)識(shí)和標(biāo)題 ? 最后確定每個(gè)分頁(yè)所顯示的界面布局 ? 每個(gè)分頁(yè)建立一個(gè) XML文件，用以編輯和保存分頁(yè)的界面布局 ， 使用的方法與設(shè)計(jì)普通用戶界面沒(méi)有什么區(qū)別 界面控件 ? TabHost ? 建立一個(gè)“ TabDemo”程序，包含三個(gè) XML文件， 分別為 、 ， 這 3個(gè)文件分別使用線性布局、相對(duì)布局和絕對(duì)布局示例中的 代碼，并將布局的 ID分別定義為 layout0 layout02和layout03 界面控件 ? TabHost ? ? ? 1. ?xml version= encoding=utf8? 2. LinearLayout android:id = @+id/layout01 3. …… 4. …… 5. /LinearLayout 1. ?xml version= encoding=utf8? 2. AbsoluteLayout android:id=@+id/layout02 3. …… 4. …… 5. /AbsoluteLayout 1. ?xml version= encoding=utf8? 2. RelativeLayout android:id=@+id/layout03 3. …… 4. …… 5. /RelativeLayout 界面控件 ? TabHost ? 在 ，創(chuàng)建 Tab標(biāo)簽頁(yè)，并建立子頁(yè)與界面布局直接的關(guān)聯(lián)關(guān)系 1. package 。 2. 3. import 。 4. import 。 5. import 。 6. import 。 7. 8. public class TabDemo extends TabActivity { 9. @Override 界面控件 ? TabHost 10. public void onCreate(Bundle savedInstanceState) { 11. (savedInstanceState)。 12. TabHost tabHost = getTabHost()。 13. (this).inflate(, (),true)。 14. (this).inflate(, (),true)。 15. (this).inflate(, (),true)。 16. ((TAB1) 17. .setIndicator(線性布局 ).setContent())。 18. ((TAB2) 19. .setIndicator(絕對(duì)布局 ).setContent())。 20. ((TAB3) 21. .setIndicator(相對(duì)布局 ).setContent())。 22. } 23. } 界面控件 ? TabHost ? 第 8行代碼的聲明 TabDemo類繼承與 TabActivity，與以往繼承 Activity不同， TabActivity支持內(nèi)嵌多個(gè) Activity或View ? 第 12行代碼通過(guò) getTabHost()函數(shù)獲得了 Tab標(biāo)簽頁(yè)的容器，用以承載可以點(diǎn)擊的 Tab標(biāo)簽和分頁(yè)的界面布局。 ? 第 13行代碼通過(guò) LayoutInflater將 換為 Tab標(biāo)簽頁(yè)可以使用的 View對(duì)象 ? 第 16行代碼使用 addTab()函數(shù)添加了第 1個(gè)分頁(yè)，(TAB1)表明在第 12行代碼中建立的 tabHost上，添加一個(gè)標(biāo)識(shí)為 TAB1的 Tab分頁(yè) ? 第 17行代碼使用 setIndicator()函數(shù)設(shè)定分頁(yè)顯示的標(biāo)題，使用 setContent()函數(shù)設(shè)定分頁(yè)所關(guān)聯(lián)的界面布局 界面控件 ? TabHost ? TabDemo示例的運(yùn)行結(jié)果如圖 界面控件 ? TabHost ? 在使用 Tab標(biāo)簽頁(yè)時(shí)，可以將不同分頁(yè)的界面布局保存在不同的 XML文件中，也可以將所有分頁(yè)的布局保存在同一個(gè) XML文件中 ? 第 一種方法有利于在 Eclipse開(kāi)發(fā)環(huán)境中進(jìn)行可視化設(shè)計(jì)，并且不同分頁(yè)的界面布局在不同的文件中更加易于管理 ? 第二 種方法則可以產(chǎn)生較少的 XML文件，同時(shí)編碼時(shí)的代碼也會(huì)更加簡(jiǎn)潔 界面布局 ? 界面布局 ? 界面布局（ Layout）是用戶界面結(jié)構(gòu)的描述，定義了界面中所有的元素、結(jié)構(gòu)和相互關(guān)系 ? 聲明 Android程序的界面布局有兩種方法 ? 使用 XML文件描述界面布局 ? 在程序運(yùn)行時(shí)動(dòng)態(tài)添加或修改界面布局 ? 用戶既可以獨(dú)立使用任何一種聲明界面布局的方式，也可以同時(shí)使用兩種方式 界面布局 ? 界面布局 ? 使用 XML文件聲明界面布局 的特點(diǎn) ? 將程序的表現(xiàn)層和控制層分離 ? 在后期修改用戶界面時(shí)，無(wú)需更改程序的源代碼 ? 用戶還能夠通過(guò)可視化工具直接看到所設(shè)計(jì)的用戶界面，有利于加快界面設(shè)計(jì)的過(guò)程，并且為界面設(shè)計(jì)與開(kāi)發(fā)帶來(lái)極大的便利性 界面布局 ? 線性布局 ? 線性布局（ LinearLayout）是一種重要的界面布局中，也是經(jīng)常使用到的一種界面布局 ? 在線性布局中，所有的子元素都按照垂直或水平的順序在界面上排列 ? 如果垂直排列，則每行僅包含一個(gè)界面元素 ? 如果水平排列，則每列僅包含一個(gè)界面元素 界面布局 ? 線性布局 ? 創(chuàng)建 Android工程 ? 工程名稱是 LinearLayout ? 包名稱是 ? Activity名稱為 LinearLayout ? 為了能夠完整體驗(yàn)創(chuàng)建線性布局的過(guò)程，首先刪除Eclipse自動(dòng)建立的 /res/layout/，然后建立用于顯示垂直排列線性布局的 XML文件 界面布局 ? 線性布局 ? 右擊 /res/layout文件夾 ? 選擇 New → File打開(kāi)新文件建立向?qū)? ? 文件名為 ? 保存位置為L(zhǎng)inearLayout/res/layout 界面布局 ? 線性布局 ? 雙擊新建立的 /res/layout/，Eclipse將打開(kāi)界面布局的可視化編輯器 界面布局 ? 線性布局 ? 可視化編輯器頂部是資源配置清單，可以根據(jù)手機(jī)的配置不同選擇不同的資源，主要用來(lái)實(shí)現(xiàn)應(yīng)用軟件的本地化 ? 下部左側(cè)是界面布局和界面控件，用戶可以將需要的布局和控件拖拽到右面的可視化界面中，并修改布局和控件的屬性 ? 右側(cè)是可視化的用戶界面，能夠?qū)崟r(shí)的呈現(xiàn)用戶界面，但對(duì)無(wú)法正確顯示中文。左下角的“ Layout” 和“ ” 能夠在可視化編輯器和 XML文件編輯器之間切換 界面布局 ? 線性布局 ? 在 Eclipse右邊的 Outline中，雙擊 LinearLayout，打開(kāi)線性布局的屬性編輯器 ? 線性布局的排列方法主要由 Orientation屬性進(jìn)行控制，vertical表示垂直排列， horizontal表示水平排列 ? 選擇 Orientation的值為 vertical，表示該線性布局為垂直排列 界面布局 ? 線性布局 ? 缺省情況下， Layout height的值為 wrap_content，表示線性布局高度等于所有子控件的高度總和，也就是線性布局的高度會(huì)剛好將所有子控件包含其中 ? 將 Layout width屬性的值改為 fill_parent，表示線性布局寬度等于父控件的寬度，就是將線性布局在橫向上占據(jù)父控件的所有空間 界面布局 ? 線性布局 ? 打開(kāi) XML文件編輯器， 下 ? 第 2行代碼是聲明 XML文件的根元素為線性布局 ? 第 6行代碼是在屬性編輯器中修改過(guò)的寬度、高度和排列方式的屬性 ? 用戶在可視化編輯器和屬性編輯器中的任何修改，都會(huì)同步的反映在 XML文件中；反之， 也是如此 1. ?xml version= encoding=utf8? 2. LinearLayout 3. xmlns:android= 4. android:layout_width=fill_parent 5. android:layout_height=wrap_content 6. android:orientation=vertical 7. /LinearLayout 界面布局 ? 線性布局 ? 將四個(gè)界面控件 TextView、 EditText、 Button、 Button先后拖拽到可視化編輯器中 ? 所有控件都自動(dòng)獲取控件名稱，并把該名稱顯示在控件上，如 TextView0 EditText0 Button01和 Button02 界面布局 ? 線性布局 ? 修改界面控件的屬性 ? 所有界面控件都有一個(gè)共同的屬性 ID ? ID是一個(gè)字符串，編譯時(shí)被轉(zhuǎn)換為整數(shù)，可以用來(lái)在代碼中引用界面元素，一般僅在代碼中需要?jiǎng)討B(tài)修改的界面元素時(shí)才為界面元素設(shè)置 ID，反之則不需要設(shè)置 ID 編號(hào) 類型 屬性 值 1 TextView Id @+id/label Text 用戶名： 2 EditText Id @+id/entry Layout width fill_parent Text [null] 3 Button Id @+id/ok Text 確認(rèn) 4 Button Id @+id/cancel Text 取消 界面布局 ? 線性布局 ? 從可視化編輯器中發(fā)現(xiàn)，界面控件的中文字符都顯示為“□” ， 因?yàn)榭梢暬庉嬈鬟€不能很好的支持中文字符 ? 打開(kāi) XML文件編輯器查看 ，發(fā)現(xiàn)在屬性編輯器內(nèi)填入的文字已經(jīng)正常寫入到 XML文件中 ， 例如第 1 25行代碼 1. ?xml version= encoding=utf8? 2. LinearLayout 3. xmlns:android= 4. android:layout_width=fill_parent 5. android:layout_height=wrap_content 6. android:orientation=vertical 7. 8. TextView android:id=@+id/label 9. android:layout_width=wrap_content 10. android:layout_height=wrap_content 11. android:text=用戶名 : 界面布局 ? 線性布局 12. /TextView 13. EditText android:id=@+id/entry 14. android:layout_height=wrap_content 15. android:layout_width=fill_parent 16. /EditText 17. Button android:id=@+id/ok 18. android:layout_width=wrap_content 19. android:layout_height=wrap_content 20. android:text=確認(rèn) 21. /Button 22. Button android:id=@+id/cancel 23. android:layout_width=wrap_content 24. android:layout_height=wrap_content 25. android:text=取消 26