五步修改狀態列顏色

1. <style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
   
2.     <!-- Here we setting appcompat’s actionBarStyle -->
   
3.     <item name="actionBarStyle">@style/MyActionBarStyle</item>
   
4.     <!-- ...and here we setting appcompat’s color theming attrs -->
   
5.     <item name="colorPrimary">@color/my_awesome_red</item>
   
6.     <item name="colorPrimaryDark">@color/my_awesome_darker_red</item>
   
7.     <!-- The rest of your attributes -->
   
8. </style>

1. <resources>
   
2.     <!--
   
3.         Base application theme for API 19+. This theme completely replaces
   
4.         AppBaseTheme from BOTH res/values/styles.xml and
   
5.         res/values-v11/styles.xml on API 19+ devices.
   
6.     -->    
   
7.     <style name="ActionBarTheme" parent="Theme.AppCompat.NoActionBar">
   
8.         <item name="android:windowTranslucentNavigation" >true</item>
   
9.         <item name="android:windowTranslucentStatus">true</item>
   
10.         <!-- toolbar（actionbar）顏色 -->
    
11.         <item name="colorPrimary">#673AB7</item>
    
12.         <!-- 狀態列顏色 -->
    
13.         <item name="colorPrimaryDark">#512DA8</item>
    
14.     </style>
    
15. </resources>

複製程式碼

1. <activity android:name="MyActivity"
   
2.            android:theme="@style/ActionBarTheme"
   
3.            android:label="@string/app_name">

**注意**：Demo中使用了toolbar，所以Activity的樣式必須繼承於Theme.AppCompat，Activity也必須繼承自 ActionBarActivity，不然會報錯的。這裡最好的方式是在application節點下配置預設的樣式，這樣配置一次就可以了。

第四步：修改佈局檔案
首先我們把toolbar單獨創建出來，這樣方便複用。如下在layout中建立toobar.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <android.support.v7.widget.Toolbar 
   
3.     xmlns:android="http://schemas.android.com/apk/res/android"
   
4.     android:id="@+id/toolbar"
   
5.     android:layout_width="match_parent"
   
6.     android:layout_height="wrap_content"
   
7.     android:background="?attr/colorPrimary"
   
8.     android:minHeight="?attr/actionBarSize">
   
9. </android.support.v7.widget.Toolbar>

複製程式碼

接著將toobar新增到我們的佈局檔案中。如下main.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout 
   
3.     xmlns:android="http://schemas.android.com/apk/res/android"
   
4.     android:orientation="vertical"
   
5.     android:layout_width="fill_parent"
   
6.     android:layout_height="fill_parent"
   
7.     android:fitsSystemWindows="true">
   
8.     <include layout="@layout/toolbar"></include>
   
9.     <TextView
   
10.     android:layout_width="fill_parent"
    
11.     android:layout_height="wrap_content"
    
12.     android:text="Hello World, MyActivity"/>
    
13. </LinearLayout>

複製程式碼

注意：android:fitsSystemWindows，如果置為true時，作用是空出狀態列的位置，以免我們的的toolbar直接頂到螢幕的頂部。

第五步修改程式碼
在onCreate中新增一下程式碼

1.     //設定狀態列的顏色，當版本大於4.4時起作用
   
2.     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   
3.         SystemBarTintManager tintManager = new SystemBarTintManager(this);
   
4.         tintManager.setStatusBarTintEnabled(true);
   
5.         //此處可以重新指定狀態列顏色
   
6.         tintManager.setStatusBarTintResource(R.color.primary_dark);
   
7.     }

1. <p>mToolbar = (Toolbar) findViewById(R.id.toolbar);
   
2.     // 標題的文字需在setSupportActionBar之前，不然會無效
   
3.     mToolbar.setLogo(R.drawable.ic_launcher);
   
4.     mToolbar.setTitle("主標題");
   
5.     setSupportActionBar(mToolbar);</p><p><font style="background-color: rgb(255, 255, 255);">
   
6. </font></p>