如何处理 Android 选项卡和子选项卡

Question

我正在寻找创建一个使用选项卡的 Android 应用程序。

要求

当用户选择一个选项卡并返回到同一选项卡时，不应有加载期（最好）。

每个选项卡将包含一个列表视图。

在其中一个选项卡中，我必须使用子选项卡。

就是这样。

我非常喜欢的一个很好的例子（尽管我没有尝试该应用程序）是 http://www.usatoday。 com/android/。

Answer 1

有两个想法您需要考虑：

1.) 子选项卡不能使用 Activity 来实现，因为 ActivityGroup 无法包装另一个 ActivityGroup

2.) 选项卡中的选项卡大大增加了布局复杂性少量。尤其是关于< 2.0 设备您将很容易遇到 StackOverflowExceptions。 android官方博客上也有一篇关于它的博文，当我找到它时我会更新答案。

[编辑]
我们开始： http://android-developers.blogspot .com/2009/04/future-proofing-your-apps.html

相关部分是：

由于视图渲染基础设施的变化，布局中不合理的深（超过 10 个左右）或宽（总共超过 30 个）视图层次结构现在可能会导致崩溃。对于过于复杂的布局来说，这始终是一个风险，但您可以认为 Android 1.5 在暴露这个问题方面比 1.1 更好。

考虑到每个 Tabhost 都会增加大约 4 层深度，因此使用双 Tab 很快就会达到 10 层深度。

请记住，“使用活动”作为选项卡只是一个骗局，它们只是层次结构中的附加视图。

Answer 2

我刚刚开发了一个选项卡式应用程序，并使用以下函数在代码中创建选项卡。该函数使用意图，这意味着每当选择一个选项卡时，就会使用意图将活动加载到选项卡主体中。该函数在主活动中调用。

private void SetupTabs()
    {
        TabHost tabHost = getTabHost();


        TabHost.TabSpec spec;  
        Intent intent;  

        //*****************************
        intent = new Intent().setClass(MPaper.this, NewsList.class);        
        spec = tabHost.newTabSpec(NewsTag).setIndicator("News")
                      .setContent(intent);        
        tabHost.addTab(spec);
        //*****************************
        intent = new Intent().setClass(MPaper.this, Search.class);        
        spec = tabHost.newTabSpec(SearchTag).setIndicator("Search")
                      .setContent(intent);        
        tabHost.addTab(spec);
        //****************************
        intent = new Intent().setClass(MPaper.this, MyNewsList.class);        
        spec = tabHost.newTabSpec(MyNewsTag).setIndicator("My News")
                      .setContent(intent);        
        tabHost.addTab(spec);
        //*****************************
        intent = new Intent().setClass(MPaper.this, Extras.class);        
        spec = tabHost.newTabSpec(ExtrasTag).setIndicator("Extras")
                      .setContent(intent);        
        tabHost.addTab(spec);
        //*****************************


        tabHost.setCurrentTabByTag(NewsTag);
    }

NewsList Activity 中的列表视图是由 XML 制作的，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tabhost" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <ListView 
        android:id="@+id/NewsList" 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        >

    </ListView>

</LinearLayout>

响应下面 Fabios 的评论：
是的，请使用可见性属性或尝试使用下面提到的方式实现选项卡：

private void TabSetup()
    {
        tabs = (TabHost)findViewById(R.id.tabhost);        
        tabs.setup(); 
        TabHost.TabSpec spec = tabs.newTabSpec("MainNewsTag");
        spec.setContent(R.id.MainNews);
        spec.setIndicator("Home");
        tabs.addTab(spec);




        spec = tabs.newTabSpec("SearchTag");
        spec.setContent(R.id.Search);
        spec.setIndicator("Search");
        tabs.addTab(spec);


        spec = tabs.newTabSpec("MyNewsTag");
        spec.setContent(R.id.MyNews);
        spec.setIndicator("My News");
        tabs.addTab(spec);

        spec = tabs.newTabSpec("ExtrasTag");
        spec.setContent(R.id.MyNews);
        spec.setIndicator("Extras");
        tabs.addTab(spec);
} 

其中布局文件如下：

    <TabHost xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/tabhost" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <RelativeLayout android:layout_height="fill_parent"
            android:layout_width="fill_parent">
            <TableLayout android:layout_height="fill_parent" 
               android:layout_width="fill_parent">
               <TabWidget android:id="@android:id/tabs"
               android:layout_height="wrap_content"
                   android:layout_width="fill_parent" />
               <FrameLayout android:id="@android:id/tabcontent"
                    android:layout_height="wrap_content"
                                android:layout_width="fill_parent" >  
                   <ListView android:id="@+id/MainNews" 
                             android:layout_width="fill_parent"
                             android:layout_height="wrap_content">
                   </ListView>
.... and so on