編寫(xiě):spencer198711 - 原文:http://developer.android.com/training/backward-compatible-ui/using-component.html
既然對(duì)TabHelper和CompatTab你已經(jīng)有了兩種具體實(shí)現(xiàn),一個(gè)為Android 3.0和其后版本,一個(gè)為Android 3.0之前的版本?,F(xiàn)在,該使用這些實(shí)現(xiàn)做些事情了。這一課討論了創(chuàng)建在這兩種實(shí)現(xiàn)之前切換的邏輯,創(chuàng)建能夠感知版本的界面布局,最終使用我們創(chuàng)建的后向兼容的UI組件。
TabHelper抽象類(lèi)基于當(dāng)前設(shè)備的平臺(tái)版本,是用來(lái)創(chuàng)建適當(dāng)版本的TabHelper和CompatTab實(shí)例的工廠類(lèi):
public abstract class TabHelper {
...
// Usage is TabHelper.createInstance(activity)
public static TabHelper createInstance(FragmentActivity activity) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
return new TabHelperHoneycomb(activity);
} else {
return new TabHelperEclair(activity);
}
}
// Usage is mTabHelper.newTab("tag")
public CompatTab newTab(String tag) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
return new CompatTabHoneycomb(mActivity, tag);
} else {
return new CompatTabEclair(mActivity, tag);
}
}
...
}
下一步是提供能夠支持兩種tab實(shí)現(xiàn)的Activity界面布局。對(duì)于老的實(shí)現(xiàn)(TabHelperEclair),你需要確保你的界面布局包含TabWidget和TabHost,同時(shí)存在一個(gè)包含tab內(nèi)容的布局容器。
res/layout/main.xml:
<!-- This layout is for API level 5-10 only. -->
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="5dp">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>
</TabHost>
對(duì)于TabHelperHoneycomb的實(shí)現(xiàn),你唯一要做的就是一個(gè)包含tab內(nèi)容的FrameLayout,這是由于ActionBar已經(jīng)提供了tab相關(guān)的頁(yè)面。
res/layout-v11/main.xml:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent" />
在運(yùn)行的時(shí)候,Android將會(huì)根據(jù)平臺(tái)版本去決定使用哪個(gè)版本的main.xml布局文件。這根上一節(jié)中選擇哪一個(gè)版本的TabHelper所展示的邏輯是相同的。
在Activity的onCreate()方法中,你可以獲得一個(gè)TabHelper對(duì)象,并且使用以下代碼添加tabs:
@Override
public void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.main);
TabHelper tabHelper = TabHelper.createInstance(this);
tabHelper.setUp();
CompatTab photosTab = tabHelper
.newTab("photos")
.setText(R.string.tab_photos);
tabHelper.addTab(photosTab);
CompatTab videosTab = tabHelper
.newTab("videos")
.setText(R.string.tab_videos);
tabHelper.addTab(videosTab);
}
當(dāng)運(yùn)行這個(gè)應(yīng)用的時(shí)候,代碼會(huì)自動(dòng)顯示對(duì)應(yīng)的界面布局和實(shí)例化對(duì)應(yīng)的TabHelperHoneycomb或TabHelperEclair對(duì)象,而實(shí)際使用的類(lèi)對(duì)于Actvity來(lái)說(shuō)是不透明的,因?yàn)樗鼈儞碛泄餐?code>TabHelper接口。
以下是這種實(shí)現(xiàn)運(yùn)行在Android 2.3和Android 4.0上的界面截圖:
http://wiki.jikexueyuan.com/project/android-training-geek/images/backward-compatible-ui-gb.png" alt="backward-compatible-ui-gb" /> http://wiki.jikexueyuan.com/project/android-training-geek/images/backward-compatible-ui-ics.png" alt="backward-compatible-ui-ics" />