使用能感知版本的组件

编写:spencer198711 - 原文:http://developer.android.com/training/backward-compatible-ui/using-component.html

既然对TabHelper和CompatTab你已经有了两种具体实现，一个为Android 3.0和其后版本，一个为Android 3.0之前的版本。现在，该使用这些实现做些事情了。这一课讨论了创建在这两种实现之前切换的逻辑，创建能够感知版本的界面布局，最终使用我们创建的后向兼容的UI组件。

添加切换逻辑

TabHelper抽象类基于当前设备的平台版本，是用来创建适当版本的TabHelper和CompatTab实例的工厂类：

  1. public abstract class TabHelper {
  2.     ...
  3.     // Usage is TabHelper.createInstance(activity)
  4.     public static TabHelper createInstance(FragmentActivity activity) {
  5.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
  6.             return new TabHelperHoneycomb(activity);
  7.         } else {
  8.             return new TabHelperEclair(activity);
  9.         }
  10.     }
  12.     // Usage is mTabHelper.newTab("tag")
  13.     public CompatTab newTab(String tag) {
  14.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
  15.             return new CompatTabHoneycomb(mActivity, tag);
  16.         } else {
  17.             return new CompatTabEclair(mActivity, tag);
  18.         }
  19.     }
  20.     ...
  21. }

创建能感知版本的Activity布局

下一步是提供能够支持两种tab实现的Activity界面布局。对于老的实现（TabHelperEclair），你需要确保你的界面布局包含TabWidget和TabHost，同时存在一个包含tab内容的布局容器。

res/layout/main.xml:

  1. <!-- This layout is for API level 5-10 only. -->
  2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:id="@android:id/tabhost"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent">
  7.     <LinearLayout
  8.         android:orientation="vertical"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent"
  11.         android:padding="5dp">
  13.         <TabWidget
  14.             android:id="@android:id/tabs"
  15.             android:layout_width="match_parent"
  16.             android:layout_height="wrap_content" />
  18.         <FrameLayout
  19.             android:id="@android:id/tabcontent"
  20.             android:layout_width="match_parent"
  21.             android:layout_height="0dp"
  22.             android:layout_weight="1" />
  24.     </LinearLayout>
  25. </TabHost>

对于TabHelperHoneycomb的实现，你唯一要做的就是一个包含tab内容的FrameLayout，这是由于ActionBar已经提供了tab相关的页面。

res/layout-v11/main.xml:

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:id="@android:id/tabcontent"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent" />

在运行的时候，Android将会根据平台版本去决定使用哪个版本的main.xml布局文件。这根上一节中选择哪一个版本的TabHelper所展示的逻辑是相同的。

在Activity中使用TabHelper

在Activity的onCreate())方法中，你可以获得一个TabHelper对象，并且使用以下代码添加tabs：

  1. @Override
  2. public void onCreate(Bundle savedInstanceState) {
  3.     setContentView(R.layout.main);
  5.     TabHelper tabHelper = TabHelper.createInstance(this);
  6.     tabHelper.setUp();
  8.     CompatTab photosTab = tabHelper
  9.             .newTab("photos")
  10.             .setText(R.string.tab_photos);
  11.     tabHelper.addTab(photosTab);
  13.     CompatTab videosTab = tabHelper
  14.             .newTab("videos")
  15.             .setText(R.string.tab_videos);
  16.     tabHelper.addTab(videosTab);
  17. }

当运行这个应用的时候，代码会自动显示对应的界面布局和实例化对应的TabHelperHoneycomb或TabHelperEclair对象，而实际使用的类对于Actvity来说是不透明的，因为它们拥有共同的TabHelper接口。

以下是这种实现运行在Android 2.3和Android 4.0上的界面截图：

backward-compatible-ui-gb
backward-compatible-ui-ics

  • 图1.向后兼容的tabs运行在Android 2.3设备上（使用TabHelperEclair）和运行在Android 4.0设备上的截图