自定义 Tab Indicator

自定义 Tab Indicator

为指定的activity创建一个自定义的Theme，然后指定这个theme的父theme，再重写其中的actiobarTabStyle属性来改变navigation tabs所使用的指示器（Indicater）。actionbarTabStyle属性再指向另一个Style资源。在该style资源里，指定它的父style，再通过指定一个state-list drawable资源来重写background属性。

note：

一个state-list drawable是重要的，它可以通过不同的背景来反映当前选择的tab与其他没有被选的tab的不同。

例如，下面的这个是一个state-list drawable，它为actionbar tabs的多种不同状态指定了不同背景图片：

res/drawable/actionbar_tab_indicator.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    

    
    <item android:state_focused="false"
        android:state_selected="false"
        android:state_pressed="false"
        android:drawable="@drawable/abc_tab_indicator_material"/>
    <item android:state_focused="false"
        android:state_selected="true"
        android:state_pressed="false"
        android:drawable="@drawable/actionbar_tab_indicator"/>

    
    <item android:state_focused="true"
        android:state_selected="false"
        android:state_pressed="false"
        android:drawable="@drawable/abc_tab_indicator_mtrl_alpha"/>
    <item android:state_focused="true"
        android:state_selected="true"
        android:state_pressed="false"
        android:drawable="@drawable/actionbar_tab_indicator"/>

    

    
    <item android:state_pressed="true"
        android:state_selected="false"
        android:state_focused="false"
        android:drawable="@drawable/abc_textfield_search_material"/>
    <item android:state_pressed="true"
        android:state_selected="true"
        android:state_focused="false"
        android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>

    
    <item android:state_pressed="true"
        android:state_focused="true"
        android:state_selected="false"
        android:drawable="@drawable/abc_switch_thumb_material"/>
    <item android:state_pressed="true"
        android:state_focused="true"
        android:state_selected="true"
        android:drawable="@drawable/abc_ic_search_api_mtrl_alpha"/>

selector>

仅支持 Android 3.0 和更高leave时

当仅支持 Android 3.0 和更高时，样式 XML 文件应该是这样的：

res/values/themes.xml

<resources>

    
    <style name="appCustomTheme_1"
        parent="android:Theme.Holo">
        <item name="android:actionBarTabStyle">@style/myActionbarTab
    style>

    
    <style name="myActionbarTab"
        parent="android:Widget.Holo.ActionBar">
        -- 标签指示器 -->
        <item name="android:background">@drawable/actionbar_tab_indicator
    style>

resources>

样式如图：

参考网址：
http://hukai.me/android-training-course-in-chinese/basics/actionbar/styling.html