Android标签无法正常工作

时间:2012-06-13 02:37:01

标签: android xml tabs

我仍然是Android编程的新手,所以这可能是我很容易忽视的东西。

我正在构建针对Android 4及更高版本的应用,我已经实现了一个标签主机。 (我在操作栏选项卡上阅读了Android开发人员指南,但我仍然不明白。)无论如何,一切正常,除非我切换标签 - 当我这样做时,前一个标签中的内容仍然重叠。例如,我有标签1,2,3和按钮1,2和3.当我从按钮1切换到3时,它们重叠。

fragment.java

public class fragment extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment);
        TabHost th = (TabHost)findViewById(R.id.tabhost);
        th.setup();
        TabSpec ts = th.newTabSpec("tag1");
        ts.setContent(R.id.tab1);
        ts.setIndicator("Tab one");
        th.addTab(ts);
        ts.setContent(R.id.tab2);
        ts.setIndicator("Tab two");
        th.addTab(ts);
        ts.setContent(R.id.tab3);
        ts.setIndicator("Tab Three ");
        th.addTab(ts);
    }
}

main.xml中

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent" android:layout_height="match_parent">

<TabHost
    android:id="@+id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </TabWidget>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <LinearLayout
                android:id="@+id/tab1"

                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <Button
                    android:id="@+id/button1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="NUmber one" />

            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab2"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <Button
                    android:id="@+id/button2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Number two"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab3"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <Button
                    android:id="@+id/button3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="NUmber three" />
            </LinearLayout>
        </FrameLayout>
    </LinearLayout>

</TabHost>

</LinearLayout>

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:2)

问题是

您仅为Tab1编写了TabSpec ts = th.newTabSpec("tag1");

并在两个标签的其余部分重复使用。

更改您的代码
    TabSpec ts = th.newTabSpec("tag1");
    ts.setContent(R.id.tab1);
    ts.setIndicator("Tab one");
    th.addTab(ts);
    ts.setContent(R.id.tab2);
    ts.setIndicator("Tab two");
    th.addTab(ts);
    ts.setContent(R.id.tab3);
    ts.setIndicator("Tab Three ");
    th.addTab(ts);

要关注

        TabSpec ts;

        ts = th.newTabSpec("tag1");
        ts.setContent(R.id.tab1);
        ts.setIndicator("Tab one");
        th.addTab(ts);

        ts = th.newTabSpec("tag2");
        ts.setContent(R.id.tab2);
        ts.setIndicator("Tab two");
        th.addTab(ts);

        ts = th.newTabSpec("tag3");
        ts.setContent(R.id.tab3);
        ts.setIndicator("Tab Three ");
        th.addTab(ts);