如何使用 TabLayout 在每个选项卡下添加单独的布局

Question

我已按照本教程 (http://developer.android.com/resources/tutorials/views/hello-tabwidget.html) 完成了任务，一切正常。

但是现在我不确定如何在每个选项卡下添加不同的布局？应该将布局添加到 main.xml 并以某种方式从我为每个选项卡创建的 calasses 中调用布局？

如果有人能就此提出建议，我将不胜感激。

例如，我想在其中一个选项卡下添加表格布局，我该怎么做？

非常感谢

Answer 1

看这个例子很有用Example of the TabLayout

修改了这个类Androidactivity.java

public class AndroidActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.androidtab);

将此xml 文件添加到Res/layout/androidtab.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tableLayout1"    
android:layout_width="fill_parent"
android:layout_height="fill_parent"       
android:gravity="top"       
android:stretchColumns="1">
<LinearLayout
    android:id="@+id/top_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
    <TextView
        android:id="@+id/text"
        android:textStyle="bold"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="20dp"
        android:text="Create Photo" />
</LinearLayout>    
 <TextView            
        android:id="@+id/editUsername"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_weight="4"
        android:text="CREATE NEW RECORD"            
        android:layout_marginLeft="25dp"
        android:layout_marginTop="20dp"
        android:layout_marginRight="75dp"   
        android:textStyle="bold"
        android:padding="10dp"/>
<TableLayout  
      android:id="@+id/tableLayout1"    
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"       
      android:gravity="top"       
      android:stretchColumns="1">       
  <TableRow
       android:id="@+id/row2"
       android:layout_marginTop="45dp"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">
    <EditText
        android:inputType="text"
        android:id="@+id/editUsername"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_weight="2"
        android:singleLine="true"
        android:hint="input field1"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="2dip"
        android:layout_marginRight="75dp"   
        android:padding="10dp"/>
</TableRow>
<TableRow
    android:id="@+id/row2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <EditText
        android:inputType="text"
        android:id="@+id/editUsername"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_weight="2"
        android:singleLine="true"
        android:hint="input field2"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="2dip"
        android:layout_marginRight="75dp"   
        android:padding="10dp"/>
</TableRow>             
  <TableRow
    android:id="@+id/row2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <EditText
        android:inputType="text"
        android:id="@+id/editUsername"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_weight="2"
        android:singleLine="true"
        android:hint="input field3"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="2dip"
        android:layout_marginRight="75dp"   
        android:padding="10dp"/>
</TableRow>    
  <TableRow
    android:id="@+id/row2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <EditText
        android:inputType="text"
        android:id="@+id/editUsername"
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:layout_weight="2"
        android:singleLine="true"
        android:hint="input field4"
        android:layout_marginLeft="25dp"
        android:layout_marginTop="2dip"
        android:layout_marginRight="75dp"   
        android:padding="10dp"/>
</TableRow>
  <RelativeLayout
      android:id="@+id/linearlayout"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:orientation="horizontal" 
      android:gravity="bottom" >
       <Button
        android:id="@+id/takephoto"
        android:layout_width="110dp"
        android:layout_height="35dp"
        android:text="takephoto"                   
        android:textStyle="bold"
        android:layout_marginLeft="102dp"    />
  </RelativeLayout>