更改支持ActionBar选项卡指示器颜色

时间:2017-04-23 08:52:21

标签: android android-actionbar android-styles

这是这个问题的后续问题:

ActionBar AppCompat change Tab indicator color

我正在使用支持操作栏并为其添加标签。我想更改指示灯颜色。我试过的是这个:

 <style name="CustomActivityTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
            <!-- Support library compatibility -->
        <item name="actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabStyle">@style/MyActionBarTabViewStyle</item>
        <item name="actionBarTabStyle">@style/MyActionBarTabViewStyle</item>
    </style>

<style name="MyActionBarTabViewStyle" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">
        <item name="android:background">@color/White</item>
    </style>

这会更改整个标签的颜色,但我只想更改指标的颜色。我在这里做错了什么?

2 个答案:

答案 0 :(得分:1)

试试这个:

  1. 为应用,操作栏和标签创建主题。我们需要 将标签的背景设置为“tab_bar_background” 绘制。

    res / values / styles.xml

    中的

    <style name="FindMyTrain" parent="Theme.Sherlock">
        <item name="android:actionBarTabStyle">@style/FindMyTrain.ActionBar.Tab</item>
        <item name="actionBarTabStyle">@style/FindMyTrain.ActionBar.Tab</item>
    </style>
    
    <style name="FindMyTrain.ActionBar.Tab">
        <item name="android:background">@drawable/tab_bar_background</item>
    </style>
    
  2. res / drawable / tab_bar_background 中的
  3. 添加颜色状态列表

     <?xml version="1.0" encoding="utf-8"?>
    
    <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="@color/transparent"/>   <item
    android:state_focused="false" android:state_selected="true"
    android:state_pressed="false"
    android:drawable="@drawable/tab_bar_background_selected"/>   <item
    android:state_selected="false" android:state_pressed="true"
    android:drawable="@color/tab_highlight"/>   <item
    android:state_selected="true" android:state_pressed="true"
    android:drawable="@drawable/tab_bar_background_selected_pressed"/>
    </selector>
    

    在这里,您可以自定义标签栏按下和选择的状态颜色。

  4. res / drawable / tab_bar_background_selected

    中的
  5.  <?xml version="1.0" encoding="utf-8"?>
     <layer-list
        xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:top="-5dp" android:left="-5dp" android:right="-5dp">
                <shape android:shape="rectangle">
                    <stroke android:color="#ff4ba587" android:width="5dp"/>
                </shape>
            </item> </layer-list>
    
  6. 现在应用主题:

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/FindMyTrain"
        android:name=".FindMyTrainApplication" >
    
  7. 输出:

    enter image description here

    有关详细信息,请参阅此Link

答案 1 :(得分:-1)

您可以使用它来更改指示颜色。

TabLayout.setSelectedTabIndicatorColor(int color)