TabView混合來自多個選項卡的內容

Question

我使用TabView作爲活動佈局。不幸的是，我第一次輸入acticity時，TabView同時顯示所有選項卡的內容，從而創建損壞的輸出。

我的佈局使用ImageView作爲背景，並在其上添加了TabHost。 ScrollView在那裏，因爲一些標籤的內容需要滾動。我沒有爲每個標籤使用單獨的活動。

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

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="fill_parent" 
    android:orientation="vertical"> 

    <ImageView android:layout_width="fill_parent" 
     android:layout_height="fill_parent" android:src="@drawable/background_claims" 
     android:scaleType="centerCrop" /> 

    <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"> 
      <TabWidget android:id="@android:id/tabs" 
       android:layout_width="fill_parent" android:layout_height="wrap_content" /> 

      <ScrollView android:layout_width="fill_parent" 
       android:layout_height="fill_parent"> 

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

        <LinearLayout android:id="@+id/overview_tab" 
         android:orientation="vertical" android:layout_width="fill_parent" 
         android:layout_height="wrap_content"> 
        </LinearLayout> 

        <LinearLayout android:id="@+id/journey_tab" 
         android:orientation="vertical" android:layout_width="fill_parent" 
         android:layout_height="fill_parent"> 
        </LinearLayout> 

        <LinearLayout android:id="@+id/delay_tab" 
         android:orientation="vertical" android:layout_width="fill_parent" 
         android:layout_height="fill_parent"> 
        </LinearLayout> 

        <LinearLayout android:id="@+id/personal_tab" 
         android:orientation="vertical" android:layout_width="fill_parent" 
         android:layout_height="fill_parent"> 
        </LinearLayout> 

        <LinearLayout android:id="@+id/ticket_tab" 
         android:orientation="vertical" android:layout_width="fill_parent" 
         android:layout_height="fill_parent"> 
        </LinearLayout> 

       </FrameLayout> 
      </ScrollView> 
     </LinearLayout> 
    </TabHost> 

</FrameLayout> 

...其中爲了簡潔起見，我省略了LinearLayouts的內容。

的LinearLayouts被添加作爲活動的構造函數標籤：

tabHost = getTabHost(); 
    tabHost.setOnTabChangedListener(this); 

    tabHost.addTab(tabHost.newTabSpec(LIST1_TAB_TAG) 
      .setIndicator(LIST1_TAB_TAG) 
      .setContent(new TabContentFactory() { 
       public View createTabContent(String arg0) { 
        return (LinearLayout) findViewById(R.id.overview_tab); 
       } 
      })); 

第一個標籤應該是這樣的：

然而，我第一次進入活動看起來像這樣：

您看到的其他內容來自同一活動中的其他選項卡。

當我點擊另一個標籤，然後回到第一個，輸出是固定的（這是我得到第一個截圖）。行爲是一致的，每次發起活動時都會發生。如果這是相關的，我在HD2上使用Android 2.3.7（CM7）。

非常感謝您的幫助！

Answer 1

幾個小時，這擺弄之後，我找到了解決辦法：使每個標籤的LinearLayouts默認情況下不可見。

換句話說：

android:visibility="gone" 

每個的LinearLayout。

Answer 2

我有這個問題。我必須爲每個LinearLayout定義一個白色背景。

android:background="@drawable/border02" 

，並定義邊界：

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape android:shape="rectangle" android:layout_width="wrap_content"> 
      <stroke android:width="0.5dp" android:color="#FF000000" /> 
      <solid android:color="#FFFFFFFF" /> 
      <padding android:left="0dp" android:top="0dp" android:right="0dp" 
       android:bottom="0dp" /> 
      <corners android:radius="0dp" /> 
     </shape> 
    </item> 


</layer-list>