如何在使用TabHost创建的Android中仅显示选定的选项卡布局

Question

我创建了一个基于选项卡的应用程序。
有4个选项卡 ，我创建了4个活动

（ HomeActivity ， SettingsActivity ， LicenseActivity和AboutActivity ）

4个选项卡，带有MainActivity 。 我将选定的Activity设置为HomeActivity，我在运行该应用程序时已经设计了所有4个Activity，并且无论选择哪个选项卡，都将显示所有4个Activity的所有设计。

如何显示仅选定选项卡的布局？

例如：当我选择“设置选项卡”时，仅应显示“设置活动”布局。

我的代码如下：

MainActivity.java

import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;

@SuppressWarnings("deprecation")
public class MainActivity extends TabActivity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Resources ressources = getResources(); 
        TabHost tabHost = getTabHost(); 

        // Home tab
        Intent intentHome = new Intent().setClass(this, HomeActivity.class);
        TabSpec tabSpecHome = tabHost
            .newTabSpec("Home")
            .setIndicator("", ressources.getDrawable(R.drawable.icon_home_config))
            .setContent(intentHome);

        // Settings tab
        Intent intentSettings = new Intent().setClass(this, SettingsActivity.class);
        TabSpec tabSpecSettings = tabHost
            .newTabSpec("Settings")
            .setIndicator("", ressources.getDrawable(R.drawable.icon_settings_config))
            .setContent(intentSettings);

        // License tab
        Intent intentLicense = new Intent().setClass(this, LicenseActivity.class);
        TabSpec tabSpecLicense = tabHost
            .newTabSpec("License")
            .setIndicator("", ressources.getDrawable(R.drawable.icon_license_config))
            .setContent(intentLicense);

        // About tab
        Intent intentAbout = new Intent().setClass(this, AboutActivity.class);
        TabSpec tabSpecAbout = tabHost
            .newTabSpec("About")
            .setIndicator("", ressources.getDrawable(R.drawable.icon_about_config))
            .setContent(intentAbout);

        // add all tabs 
        tabHost.addTab(tabSpecHome);
        tabHost.addTab(tabSpecSettings);
        tabHost.addTab(tabSpecLicense);
        tabHost.addTab(tabSpecAbout);

        //set Home tab as default (zero based)
        tabHost.setCurrentTab(0);
    }

}

main.xml中

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

    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
     <!-- android:background="#34282C" -->
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp">
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="5dp" >
            <include layout="@layout/home"/>
            <include layout="@layout/settings"/>
            <include layout="@layout/license"/>
            <include layout="@layout/about"/>
        </FrameLayout>
    </LinearLayout>
</TabHost>

icon_home_config.xml和其他活动相同

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- When selected -->
    <item android:drawable="@drawable/icon_home"
          android:state_selected="true" />
    <!-- When not selected -->
    <item android:drawable="@drawable/icon_home" />
</selector>

home.xml （这里我想提供带有2个EditText和一个按钮的Login表单）和一些其他活动的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".HomeActivity" >

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="18dp"
        android:ems="10"
        android:inputType="textPassword" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/editText2"
        android:layout_centerHorizontal="true"
        android:text="Button" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="62dp"
        android:ems="10" />

</RelativeLayout>

我需要在代码中添加什么以及我到底要在哪里添加？

Answer 1

在您的main.xml文件中，设置

<FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp" >
        <include layout="@layout/home"/>
        <include layout="@layout/settings"/>
        <include layout="@layout/license"/>
        <include layout="@layout/about"/>
    </FrameLayout>

至

<FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:padding="5dp" >
    </FrameLayout>