Android Tabs：第二個選項卡中的內容隱藏在第一個選項卡的內容下

Question

我試圖創建一個具有2-tabbed活動的應用程序，其中tab1上有一張圖片和一些文本，tab2有兩個按鈕用戶可以點擊（這應該導致進一步的活動）

由於某種原因，我無法獲得tab2上的按鈕來顯示;我只能看到與tab1相同的圖片。仔細觀察，我發現這些按鈕隱藏在tab1的圖片下。我究竟做錯了什麼？我如何讓這張照片消失，而不是顯示在tab2上？

以下是我的代碼：

IndexActivity

public class IndexActivity extends TabActivity { 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 

    TabHost.TabSpec spec = getTabHost().newTabSpec("tab1"); 
    spec.setContent(R.id.tab1content); 
    spec.setIndicator("tab1"); 
    getTabHost().addTab(spec); 

    spec = getTabHost().newTabSpec("tab2"); 
    spec.setContent(R.id.tab2content); 
    spec.setIndicator("tab2"); 
    getTabHost().addTab(spec); 

    getTabHost().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"> 
    <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">  
       <include layout="@layout/tab1"/> 
       <include layout="@layout/tab2"/>    
      </FrameLayout>   
</LinearLayout> 

tab1.xml是這樣的：

<?xml version="1.0" encoding="utf-8"?> 
<merge xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 
     <ImageView android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:scaleType="center" 
        android:src="@drawable/pic"/> 
     <ScrollView android:id="@+id/scrolltab1" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
     <TextView android:id="@+id/tab1content" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
        android:background="#65000000" 
        android:text="@string/text" 
      android:textColor="#ffffffff" 
      android:textSize="20sp" 
       android:padding="15dp" 
     /> 
     </ScrollView>  
</merge> 

TAB2是這樣的：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/tab2content" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"> 

    <Button 
     android:id="@+id/button2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1.10" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1.10" 
     android:text="Button" /> 

</LinearLayout> 

請幫幫忙！我一定是被忽視的東西，但我想不出我什麼sugggest :(

Answer 1

在main.xml取下FrameLayout以下兩行，並看看會發生什麼。

<include layout="@layout/tab1"/> 
<include layout="@layout/tab2"/>    

Answer 2

你看看這個....

你例子其實公平地代表這個例子.... android tabhost tutorial

我希望你已經看過了....這是我用來當我弗里斯特開發了我的第一個Android標籤插件的一個...

PS：你看看這個例子中，上述的part 2 .. 。延續每一件事，你需要知道的一切。

Answer 3

看你的代碼和XML我認爲這個問題是與該行tab1.xml：

<TextView android:id="@+id/tab1content"... 

嘗試將佈局ImageView和ScrollView左右。並將android:id="@+id/tab1content"移動到佈局。事情是這樣的：

<?xml version="1.0" encoding="utf-8"?> 
<merge xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 
    <LinearLayout android:id="@+id/tab1content" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent"> 

     <ImageView android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:scaleType="center" 
       android:src="@drawable/pic"/> 
     <ScrollView android:id="@+id/scrolltab1" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent"> 
     <TextView android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:background="#65000000" 
      android:text="@string/text" 
      android:textColor="#ffffffff" 
      android:textSize="20sp" 
      android:padding="15dp" /> 
     </ScrollView> 

    </LinearLayout> 
</merge>