Настройка табуляции Android TabHost в ActionBarActivity

Question

Все, что я хочу сделать, это изменить цвет текста и вкладку, начертанной в моей вкладке. Я хотел бы решение, похожее на то, как я использую адаптеры для настройки блесны и ListViews ...

Да, я уже видел это: ActionBarActivity with TabHost Решение есть, однако, использует FragmentTabHost и не очень решить проблему.

Вот мой TabHost:

<TabHost android:layout_width="fill_parent" android:layout_height="wrap_content" 
    android:id="@+id/tabHost" android:layout_weight="1"> 

    <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> 
     <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"> 
      <LinearLayout android:id="@+id/tab1" style="@style/details.tabContent"> 
       ... 
      </LinearLayout> 

      <LinearLayout android:id="@+id/tab2" style="@style/details.tabContent" > 
       ... 
      </LinearLayout> 

      <LinearLayout android:id="@+id/tab3" style="@style/details.tabContent" > 
       ... 
      </LinearLayout> 
     </FrameLayout> 
    </LinearLayout> 
</TabHost> 

Вот мой ActionBarActivity код:

tabs=(TabHost)findViewById(R.id.tabHost); 
/*tabs.getTabWidget().setDividerDrawable(R.drawable.tab_divider);*/ 
tabs.setup(); 
TabHost.TabSpec spec=tabs.newTabSpec("tag1"); 
spec.setContent(R.id.tab1); 
spec.setIndicator("Information"); 
tabs.addTab(spec); 
spec=tabs.newTabSpec("tag2"); 
spec.setContent(R.id.tab2); 
spec.setIndicator("Reviews"); 
tabs.addTab(spec); 
spec=tabs.newTabSpec("tag3"); 
spec.setContent(R.id.tab3); 
spec.setIndicator("My Notes"); 
tabs.addTab(spec); 
tabs.setCurrentTab(0); 

ОБНОВЛЕНО КОД в настоящее время, createTabView только вызывается на первом runthrough из setupTab()

private void loadGUI() { 
    ... 

     tabs=(TabHost)findViewById(R.id.tabHost); 


     tabs.setup(); 
     /* 
     TODO: find a way to save the ids for each tab so I can later fill in values in each tab's listview and/or textview. 
     I have 2 tab content resources, 1 that just has a textview, the other a listview with a textview for setEmpty 
     int intTabContentDrugInfoID = setupTab("Info", R.layout.tab_content_standard); 
     int intTabContentReviewsID = setupTab("Reviews", R.layout.tab_content_list); 
     int intTabContentNotesID = setupTab("My Notes", R.layout.tab_content_list);*/ 

     setupTab((TextView)findViewById(R.id.txtTabTitle), "Info"); 
     setupTab((TextView)findViewById(R.id.txtTabTitle), "Reviews"); 
     setupTab((TextView)findViewById(R.id.txtTabTitle), "My Notes"); 

     tabs.setCurrentTab(0); 

... 
} 

private void setupTab(final TextView view, final String tag) { 
    final View newTab = createTabView(tabs.getContext(), tag); 
    final Context tabsContext = tabs.getContext(); 

     TabHost.TabSpec setContent = tabs.newTabSpec(tag).setIndicator(newTab).setContent(new TabContentFactory() { 
      public View createTabContent(String tag) { 
       // Here tabs_content is created in a similar way than the tab layout itself, 
       // with a layout file which is later inflated. All those ID's are from that file. 
       final View ll_view = LayoutInflater.from(tabsContext).inflate(R.layout.tab_content_standard, null); 
       final TextView view = (TextView) ll_view.findViewById(R.id.txtTabContent); 
       return ll_view; 
      } 
     }); 
     tabs.addTab(setContent); 
} 

Answer 1

Если бы я не пропустил то, что вы пытаетесь достичь, я думаю, что это то, что я сделал в одном из моих приложений.

В принципе, у меня подобная структура макета к вашему:

<TabHost 
     android:id="@+android:id/tabhost" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 
    <LinearLayout 
     android:id="@+id/TabLinearLayout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 
    <HorizontalScrollView 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:fillViewport="true" 
     android:scrollbars="none"> 
     <TabWidget 
     android:id="@+android:id/tabs" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"></TabWidget> 
    </HorizontalScrollView> 
    <FrameLayout 
     android:id="@+android:id/tabcontent" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="10dp" /> 
    </LinearLayout> 
</TabHost> 

Что я сделал, чтобы настроить расположение моих вкладок является определением нового файла макета. В моем случае я хочу ImageView и в той же строке, TextView с названием вкладки.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/tabsLayout" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:padding="7dip" 
    android:gravity="center" 
    android:orientation="horizontal" 
    android:background="@drawable/tab_bg_selector"> 

    <ImageView 
     android:id="@+id/tabsIcon" 
     android:contentDescription="@string/desc_gen_image" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content">   
    </ImageView>   

    <TextView 
     android:id="@+id/tabsText" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textSize="12sp" 
     android:textColor="@drawable/tab_text_selector" /> 
</LinearLayout> 

Предположим, этот файл называется tab_bg.xml, так что теперь в основном все, что вам придется сделать, это раздувать вкладку с чем-то вроде этого:

// This would create the tab layout itself 
private View createTabView(final Context context, final String text) { 
    final View view = LayoutInflater.from(context).inflate(R.layout.tabs_bg, null); 
    final TextView tv = (TextView) view.findViewById(R.id.tabsText); 
    final ImageView iv = (ImageView) view.findViewById(R.id.tabsIcon); 

    tv.setText(text); 
    iv.setLayoutParams(new LinearLayout.LayoutParams(..., ...)); 

    return view; 
} 

// Each time you want to create a new tab, call this method, which will call the above one 
private void setupTab(final TextView view, final String tag) { 
    final TabHost th = (TabHost) findViewById(android.R.id.tabhost); 

    final View tabview = createTabView(th.getContext(), tag); 
    final TabSpec setContent = th.newTabSpec(tag).setIndicator(tabview).setContent(new TabContentFactory() { 
    public View createTabContent(String tag) { 
     // Here tabs_content is created in a similar way than the tab layout itself, 
     // with a layout file which is later inflated. All those ID's are from that file. 
     final View ll_view = LayoutInflater.from(context.inflate(R.layout.tabs_content, null); 
     final TextView view = (TextView) ll_view.findViewById(R.id.tabsContent); 

     view.setMovementMethod(new ScrollingMovementMethod()); 

     // Anything else you may need... 

     return ll_view; 
    } 
    }); 

    th.addTab(setContent); 
}