如何使用和动态填充多个tabhost视图

时间:2011-12-30 07:23:26

标签: android layout dynamic android-tabhost

我需要创建一个活动tabhost,理想情况下创建选项卡和视图,并使用小部件动态填充视图。屏幕底部有一个“控制”按钮非常重要。

我可以使用三种布局创建三个选项卡。出现了将EditTexts变为a),并且b)在标签下面排列[使用分隔符]是一个挑战,在StackOverflow的现有答案的帮助下。

我现在无法解决的问题是为什么第二个布局/选项卡上的EditTexts没有出现,而第一个选项卡上的那些是什么?

布局

<?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="wrap_content"
    android:layout_height="wrap_content">
    <RelativeLayout
        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"/>
            <View
                android:id="@+id/separator"
                android:layout_below="@android:id/tabs"
                android:layout_width="fill_parent"
                android:layout_height="2dip" />
            <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_below="@+id/separator"
            android:layout_above="@+id/btnSend" 
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <LinearLayout
               android:id="@+id/tabview1"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:orientation="vertical">
                <TextView
                android:id="@+id/ll1text"
                android:layout_height="wrap_content" 
                android:layout_width="fill_parent"
                android:text="ll1text" />
            </LinearLayout>
            <LinearLayout
               android:id="@+id/tabview2"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:orientation="vertical">
            <TextView
               android:id="@+id/ll2text"
               android:layout_width="wrap_content"
               android:layout_height="fill_parent"
               android:text="ll2text" />
            </LinearLayout>
            <RelativeLayout
               android:id="@+id/tabview3"
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:orientation="vertical" >
            <TextView
                android:id="@+id/rl3text"
                android:layout_height="wrap_content" 
                android:layout_width="fill_parent"
                android:layout_alignParentBottom="true"
                android:text="ll3text" />
            </RelativeLayout>
            </FrameLayout>
        <Button
            android:layout_alignParentBottom="true"
            android:text="Start Travelling"
            android:id="@+id/btnSend"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:layout_width="fill_parent" />
    </RelativeLayout>
</TabHost>

活动代码

    setContentView(R.layout.template);
    TabHost th = getTabHost();

th.addTab(th.newTabSpec("tab1").setIndicator("Customer").setContent(R.id.tabview1));
    LinearLayout ll = (LinearLayout) findViewById(R.id.tabview1);
    EditText et1 = new EditText (this);
    et1.setText("ET1");
    ll.addView(et1);
    TextView tv2 = new TextView(this);
    tv2.setText("et2:");
    ll.addView(tv2);
    EditText et2 = new EditText (this);
    et2.setText("ET2");
    ll.addView(et2);

    th.addTab(th.newTabSpec("tab2").setIndicator("Job").setContent(R.id.tabview2));
    ll = (LinearLayout) findViewById(R.id.tabview2);
    EditText et21 = new EditText (this);
    et21.setText("et21");
    ll.addView(et21);
    EditText et22 = new EditText (this);
    et22.setText("et22");
    ll.addView(et22);
    EditText et23 = new EditText (this);
    et23.setText("et23");
    ll.addView(et23);

    th.addTab(th.newTabSpec("tab3").setIndicator("Tab 3").setContent(R.id.tabview3));
    RelativeLayout rl = (RelativeLayout) findViewById(R.id.tabview3);
    EditText et3 = new EditText (this);
    et3.setText("ET3");
    rl.addView(et3);

    th.setCurrentTab(0);

为什么第二个标签上的三个EditTexts没有显示?

1 个答案:

答案 0 :(得分:0)

我认为问题在于您试图将所有标签保留在一项活动下。您应该按如下方式将它们分开:

  • 使用处理TabActivity
  • 的课程
  • 为每个标签创建不同的活动
  • 添加tabhost布局

查看this tutorial以获取帮助。