使用版本感知组件

现在您已经有了两个 TabHelper 和 CompatTab 的实现——一个用于 Android 3.0 及更高版本，另一个用于早期版本的平台——是时候对这些实现做些什么了。本课程讨论了创建在这些实现之间切换的逻辑，创建版本感知布局，以及最终使用向后兼容的 UI 组件。

添加切换逻辑

TabHelper 抽象类充当工厂，用于根据当前设备的平台版本创建合适的 TabHelper 和 CompatTab 实例

Kotlin

sealed class TabHelper(protected val mActivity: FragmentActivity, protected val tag: String) {

    abstract fun setUp()

    abstract fun addTab(tab: CompatTab)

    // Usage is tabHelper.newTab("tag")
    fun newTab(tag: String): CompatTab =
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
                CompatTabHoneycomb(mActivity, tag)
            } else {
                CompatTabEclair(mActivity, tag)
            }

    companion object {
        // Usage is TabHelper.createInstance(activity)
        fun createInstance(activity: FragmentActivity): TabHelper =
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
                    TabHelperHoneycomb(activity)
                } else {
                    TabHelperEclair(activity)
                }
    }
}

Java

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 tabHelper.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);
        }
    }
    ...
}

创建版本感知活动布局

下一步是为您的活动提供可以支持这两个选项卡实现的布局。对于旧实现 (TabHelperEclair)，您需要确保您的活动布局包含 TabWidget 和 TabHost，以及用于选项卡内容的容器

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>

对于 TabHelperHoneycomb 实现，您只需要一个 FrameLayout 来包含选项卡内容，因为选项卡指示器由 ActionBar 提供

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" />

在运行时，Android 将根据平台版本决定要加载哪个版本的 main.xml 布局。这与上一节中确定要使用哪个 TabHelper 实现的逻辑相同。

在您的活动中使用 TabHelper

在您活动的 onCreate() 方法中，您可以获取 TabHelper 对象并使用以下代码添加选项卡

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
    ...
    setContentView(R.layout.main)

    TabHelper.createInstance(this).apply {
        setUp()

        newTab("photos")
                .setText(R.string.tab_photos)
                .also { photosTab ->
                    addTab(photosTab)
                }

        newTab("videos")
                .setText(R.string.tab_videos)
                .also { videosTab ->
                    addTab(videosTab)
                }
    }
}

Java

@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);
}

运行应用程序时，此代码将加载正确的活动布局并实例化 TabHelperHoneycomb 或 TabHelperEclair 对象。实际使用的具体类对活动来说是不可见的，因为它们共享通用的 TabHelper 接口。

以下是此实现分别在 Android 2.3 和 Android 4.0 设备上运行的两个屏幕截图。

Example screenshot of tabs running on an Android 2.3 device (using TabHelperEclair).

Example screenshots of tabs running on an Android 4.0 device (using TabHelperHoneycomb).

图 1. 向后兼容选项卡在 Android 2.3 设备（使用 TabHelperEclair）和 Android 4.0 设备（使用 TabHelperHoneycomb）上运行的示例屏幕截图。

使用旧版 API 创建实现