第五章 用戶界面基礎(chǔ)（ListView和TabHost）
參考資料：
《Android應(yīng)用程序開發(fā)》ISBN 9787302283164
參考軟件：
Android Studio、Eclipse+ADT、Android SDK、JDK
ListView
1、參考網(wǎng)站
http://www.xuanyusong.com/archives/91
http://www.xuanyusong.com/archives/1252
2、要點(diǎn)?
?ListView是一種用于垂直顯示的列表控件，如果顯示內(nèi)容過多，則會(huì)出現(xiàn)垂直滾動(dòng)條
?ListView能夠通過適配器將數(shù)據(jù)和自身綁定，在有限的屏幕上提供大量?jī)?nèi)容供用戶選擇,所以是經(jīng)常使用的用戶界面控件
?ListView支持點(diǎn)擊事件處理，用戶可以用少量的代碼實(shí)現(xiàn)復(fù)雜的選擇功能
?3、示例代碼
TabHost
1、參考網(wǎng)站
http://blog.csdn.net/jy_sharer/article/details/11581535
http://www.oschina.net/question/163910_28458
?2、要點(diǎn)
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)擊“呼出/接聽鍵”后出現(xiàn)，用于電話呼出和查看撥號(hào)記錄、聯(lián)系人
（1）建立3個(gè)XML文件
Tab1.xml
<?xml?version="1.0"??encoding="utf-8"?>
?
<LinearLayout?android:id??=?"@+id/layout01"
?
? ?xmlns:android="http://schemas.android.com/apk/res/android"
?
? ?android:layout_width="fill_parent"
?
? ?android:layout_height="wrap_content"
?
? ?android:orientation="vertical">
?
?
?
??<TextView?android:id="@+id/label"
?
?????android:layout_width="wrap_content"
?
?????android:layout_height="wrap_content"
?
?????android:text="用戶名:"?>
?
??</TextView>
?
??<EditTextandroid:id="@+id/entry"?
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="fill_parent">
?
??</EditText>
?
??<Button?android:id="@+id/ok"??
?
?????android:layout_width="wrap_content"
?
?????android:layout_height="wrap_content"
?
?????android:text="確認(rèn)">
?
??</Button>
?
??<Button?android:id="@+id/cancel"??
?
?????android:layout_width="wrap_content"
?
?????android:layout_height="wrap_content"
?
?????android:text="取消"?>
?
??</Button>
?
</LinearLayout>
?Tab2.xml
?<?xml?version="1.0"??encoding="utf-8"?>
?
?
?
<AbsoluteLayoutandroid:id="@+id/layout02"
?
??android:layout_width="fill_parent"
?
??android:layout_height="fill_parent"
?
??xmlns:android="http://schemas.android.com/apk/res/android">
?
??<TextView?android:id="@+id/label"
?
?????android:layout_x="40dip"
?
?????android:layout_y="40dip"
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="wrap_content"
?
?????android:text="用戶名：">
?
??</TextView>
?
??<EditTextandroid:id="@+id/entry"
?
?????android:layout_x="40dip"
?
?????android:layout_y="60dip"
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="150dip">
?
??</EditText>
?
??<Button?android:id="@+id/ok"
?
?????android:layout_width="70dip"
?
?????android:layout_height="wrap_content"??
?
?????android:layout_x="40dip"
?
?????android:layout_y="120dip"?
?
?????android:text="確認(rèn)">
?
??</Button>
?
??<Button?android:id="@+id/cancel"??
?
?????android:layout_width="70dip"
?
?????android:layout_height="wrap_content"
?
?????android:layout_x="120dip"
?
?????android:layout_y="120dip"??
?
?????android:text="取消">
?
??</Button>
?
</AbsoluteLayout>
Tab3.xml
?<?xml?version="1.0"??encoding="utf-8"?>
?
?
?
<RelativeLayout?android:id="@+id/layout03"??
?
??android:layout_width="fill_parent"
?
??android:layout_height="fill_parent"
?
??xmlns:android="http://schemas.android.com/apk/res/android">
?
??<TextView?android:id="@+id/label"??
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="fill_parent"
?
?????android:text="用戶名：">
?
??</TextView>
?
??<EditText?android:id="@+id/entry"??
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="fill_parent"
?
?????android:layout_below="@id/label">
?
??</EditText>
?
??<Button?android:id="@+id/cancel"??
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="wrap_content"
?
?????android:layout_alignParentRight="true"??
?
?????android:layout_marginLeft="10dip"
?
?????android:layout_below="@id/entry"
?
?????android:text="取消"?>
?
??</Button>
?
?????<Button?android:id="@+id/ok"??
?
?????android:layout_height="wrap_content"
?
?????android:layout_width="wrap_content"
?
?????android:layout_toLeftOf="@id/cancel"
?
?????android:layout_alignTop="@id/cancel"
?
?????android:text="確認(rèn)">
?
??</Button>
?
</RelativeLayout>
（2）代碼實(shí)現(xiàn)
?package ?edu.hrbeu.TabDemo;
?
?
?
import ?android.app.TabActivity;
?
import ?android.os.Bundle;
?
import ?android.widget.TabHost;
?
import ?android.view.LayoutInflater;
?
?
?
@SuppressWarnings("deprecation")
?
public ?class TabDemoActivity extends TabActivity {
?
??? /** Called when the activity is first ?created. */
?
??? @Override
?
??? public void onCreate(Bundle ?savedInstanceState) {
?
??????? super.onCreate(savedInstanceState);
?
???????
?
??????? TabHost tabHost = getTabHost();
?
???????
?
??????? LayoutInflater.from(this).inflate(R.layout.tab1, ?tabHost.getTabContentView(),true);
?
??????? ?LayoutInflater.from(this).inflate(R.layout.tab2, ?tabHost.getTabContentView(),true);
?
??????? ?LayoutInflater.from(this).inflate(R.layout.tab3, ?tabHost.getTabContentView(),true);
?
???????
?
??????? ?tabHost.addTab(tabHost.newTabSpec("TAB1").
?
??????? ?????????? setIndicator("線性布局").setContent(R.id.layout01));
?
??????? ?tabHost.addTab(tabHost.newTabSpec("TAB2").
?
??????? ?????????? setIndicator("絕對(duì)布局").setContent(R.id.layout02));
?
??????? tabHost.addTab(tabHost.newTabSpec("TAB3").
?
??????? ?????????? setIndicator("相對(duì)布局").setContent(R.id.layout03));
?
?
?
???????
?
??? }
?
}
