在Android中爲Viewpager的PagerTabStrip添加樣式

Question

我在三個視圖中使用Android ViewPager。我添加了一個android.support.v4.view.PagerTabStrip來顯示每個視圖的標題。

當前外觀

所需的外觀

我怎樣才能得到這樣的結果？

商祺！

Answer 1

我通過在styles.xml中自定義AppThemes來自定義我的PagerTabStrip，下面的代碼是我在應用程序中執行操作的方式。

<style name="_AppTheme" parent="android:Theme.Holo.Light"> 
    <item name="android:actionBarStyle">@style/mActionBar</item> 
    <item name="android:actionMenuTextColor">#FFFFFF</item> 
    <item name="android:actionBarTabTextStyle">@style/ActionBarTextStyle</item> 
    <item name="android:actionBarTabStyle">@style/ActionBarTabStyle</item> 
    <item name="android:windowContentOverlay">@null</item> 
</style> 

<style name="ActionBarTextStyle" parent="AppBaseTheme"> 
     <item name="android:textColor">#FF8800</item> 
     <item name="android:drawablePadding">10dp</item> 
     <item name="android:paddingLeft">10dp</item> 
     <item name="android:paddingRight">10dp</item> 
    </style> 

<style name="ActionBarTabStyle" parent="@style/Widget.AppCompat.Light.ActionBar.TabView"> 
    <item name="android:background">@drawable/tab_indicator_ab_example</item> 
    <item name="android:drawablePadding">10dp</item> 
</style> 


<style name="mActionBar" parent="@android:style/Widget.Holo.Light.ActionBar"> 
     <item name="android:background">#FF8800</item> 
     <item name="android:icon">@android:color/transparent</item> 
     <item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item> 
    </style> 
<style name="MyTheme.ActionBar.TitleTextStyle" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"> 
    <item name="android:textColor">#FFFFFF</item> 
    <item name="android:drawablePadding">10dp</item> 
    <item name="android:paddingLeft">10dp</item> 
    <item name="android:paddingRight">10dp</item> 
</style> 

希望它可以幫助你。 =）