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

Question

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

（HomeActivity、SettingsActivity、LicenseActivity和AboutActivity）

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

如何只显示选中的 Tab 的布局？

示例： 当我选择 Settings 选项卡 时，只有 SettingsActivity 布局应该显示..

我的代码如下：

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

}

ma​​in.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 和一个按钮的登录表单）和其他活动的一些布局

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