样式选项卡小部件使用XML

时间:2014-03-06 17:07:48

标签: android android-theme android-tabs android-styles tabwidget

所以我使用xml制作了很棒的样式制表符小部件。我搜索到的任何地方似乎都建议以编程方式执行此操作,或者引用actionBarTab样式>:|

我想要实现的是使用http://android-holo-colors.com/生成的tabwidget drawables中的自定义标签

我设法得到了

所以在我的自定义主题中我有这段代码:

<style name="RR.App.Theme" parent="android:Theme.Holo.Light">
...
<item name="android:tabWidgetStyle">@style/RR.Tab.Widget</item>
...
</style>

这是RR.Tab.Widget样式:(这些似乎没有产生这样的差异)

<style name="RR.Tab.Widget" parent="android:Widget.Holo.Light.TabWidget">
<item name="android:background">@drawable/rrtheme_tab_indicator_holo</item>
<item name="android:tabStripEnabled">false</item>
<item name="android:tabStripLeft">@null</item>
<item name="android:tabStripRight">@null</item>
</style>

这是生成的drawable:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/rrtheme_tab_unselected_holo" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/rrtheme_tab_selected_holo" />

    <!-- Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/rrtheme_tab_unselected_focused_holo" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/rrtheme_tab_selected_focused_holo" />

    <!-- Pressed -->
    <!--    Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/rrtheme_tab_unselected_pressed_holo" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/rrtheme_tab_selected_pressed_holo" />

    <!--    Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/rrtheme_tab_unselected_pressed_holo" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/rrtheme_tab_selected_pressed_holo" />
</selector>

目前的情况如下: enter image description here

我要做的就是将这种蓝色改为绿色!

非常感谢您的帮助:)

1 个答案:

答案 0 :(得分:4)

我建议你看看这个: Customize Tab indicator(死链接)

还要自定义您的标签使用Android Action Bar Style Generator。我一直用它来制作我想要的颜色的标签。

希望我帮助你