android修改tab 導航 指標顏色

標籤：android   style   blog   class   code   c   

我其實想修改的上面的藍色條條，改成紅色。

這個問題實在是困擾我了太長時間。之前參照google的這個文章：

https://developer.android.com/training/basics/actionbar/styling.html

但是事與願違，我發現竟然連我整個tab顏色都改了。

覺得很奇怪，為什麼google給的方法是修改整個tab?難道google搞錯了？

網上找了很久，發現很多人都在問這個問題，而實際解決的人很少。偶爾有幾個解決的，也是採用google的那個方法。但是我的不對啊！

這個問題一直被放置。。中間幾次各種嘗試，不行。今天又搜尋，找到一個文章，我大致看了一下，還是採用google的方法，不過他附帶了源碼，有些疑問，為什麼他的顏色可以修改？就下載他的源碼運行看看效果。發現果然改掉了。這是為什嗎？最後發下，奧秘在於他採用的圖片，是上面透明，底下帶顏色的。而我之前採用的都是上下都有顏色，所以才會把整個tab覆蓋。

就是這種圖片：

呵呵，終於找到原因。

下面說下具體流程吧：這個流程上面給的那個google的文章有。

一、修改系統的styles.xml.V14以上版本在values-v14檔案夾下：

 <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">        <!-- API 14 theme customizations can go here. -->         <item name="android:actionBarStyle">@style/my_actionbar_style</item>         <item name="android:actionOverflowButtonStyle">@style/MyCustomTheme.OverFlow</item> <!-- it‘s work -->        <item name="android:homeAsUpIndicator">@drawable/upcaret</item>  <!-- it‘s work --><!--          <item name="android:actionButtonStyle">@style/my_actionbar_tabbar_style</item> -->         <!-- 設定ActionBar Tab的樣式,例如下面的紅色指引，Tab之間的間隙等等 -->  <item name="android:actionBarTabStyle">@style/myTabView</item>  <!-- 設定ActionBar Tab字型的樣式 -->  <!--     <item name="android:actionBarTabTextStyle">@style/myTabText</item>   -->    </style>

   <style name="myTabView" parent="@android:style/Widget.Holo.Light.ActionBar.TabView">        <item name="android:background">@drawable/tab_indicator</item>        <item name="android:paddingLeft">8dip</item>        <item name="android:paddingRight">8dip</item>    </style>  

二、在res下的drawable檔案夾下(如果沒有，自己建立一個)建立tab_indicator.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" />    <item android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" />         <item android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/base_tabpager_indicator_selected" />    <item android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/base_tabpager_indicator_selected" /></selector>

至於神器的那個drawable圖片我上傳了一份，大家可以在此的基礎了換顏色和修改高度。地址：http://pan.baidu.com/s/1ozNKM

最終效果：

參考資料：
https://developer.android.com/training/basics/actionbar/styling.html
http://blog.csdn.net/xiaanming/article/details/9971721