在Android中为Viewpager的PagerTabStrip添加样式

时间:2014-03-30 17:48:47

标签: android styles android-viewpager

我在三个视图中使用Android ViewPager。我添加了一个android.support.v4.view.PagerTabStrip来显示每个视图的标题。

当前外观 enter image description here

期望的外观

enter image description here

我如何得到这个结果?

问候!

1 个答案:

答案 0 :(得分: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>

希望它对你有所帮助。 =)