Translucent Bar Android狀態欄自定義顏色

 

Android4.4 一個很重要的改變就是透明系統欄.。新的系統欄是漸變透明的, 可以最大限度的允許屏幕顯示更多內容, 也可以讓系統欄和 Action Bar 融為一體, 僅僅留下最低限度的背景保護以免通知通知欄內容和 Action Bar 文字/圖標難以識別。谷歌把這種效果稱之為：Translucent Bar。

它的初始目的就是要最大化可視面積和淡化系統界面的存在感。其效果如圖：

實現方法也很簡單（僅限4.4以上的系統）

　　1、新建主題我這里分成了3個主題（4.4之前用的主題、4.4~5.0用的主題、5.0之后用的主題 <5.0之后必須指定顏色>）

styles（4.0之前）

 <!-- 半透明的主題樣式 -->
    <style name="NavigationTransparent" parent="AppTheme">
        <!-- Android 4.4 之前的版本跟隨系統默認的樣式-->
    </style>

styles（4.4之后）

 <!-- 半透明的主題樣式 -->
    <style name="NavigationTransparent" parent="AppTheme">
        <!-- 狀態欄 半透明 -->
        <item name="android:windowTranslucentStatus">true</item>
        <!-- 導航欄 半透明-->
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

styles（5.0之后）

 <!-- 半透明的主題樣式 -->
    <style name="NavigationTransparent" parent="AppTheme">
        <!-- 導航欄 半透明-->
        <item name="android:windowTranslucentNavigation">true</item>
        <!-- 狀態欄 半透明 -->
        <item name="android:windowTranslucentStatus">true</item>
        <!-- Android 5.0開始需要把顏色設置為透明。否狀態欄會用系統默認的淺灰色 （Android 5.0以后支持修改顏色，需指定顏色）-->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>

　　2、布局文件里添加

android:fitsSystemWindows="true"
不設置這個屬性的話，布局文件的內容會跑到狀態欄中。
　
　3、AndroidManifast.xml為該Activity 指定該主題樣式。



上面的我們稱之為 “透明狀態欄”


====================================================================================================================================
          ============================================= 猶豫的分隔線=====================================================
====================================================================================================================================


還有一種方式是大家比較常見的，狀態欄的顏色和導航菜單的顏色一致 如圖：

 限5.0以上版本

　　1、我們在styles（5.0）中添加如下主題

 <style name="NavigationChange" parent="AppTheme">
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    </style>

  同時也應該在styles 里面添加相同主題，防止手機版本不夠，主題報錯。內容我們為空，調用系統默認顏色

styles

    <!-- 可以改變的主題樣式 -->
    <style name="NavigationChange" parent="AppTheme">

    </style>

　　2、我們自定義導航欄菜單

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="@color/colorPrimaryDark">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="這是導航欄標題啊"
            android:textSize="20sp"/>

    </RelativeLayout>

    <Button
        android:id="@+id/jump"
        android:layout_margin="20dp"
        android:text="點擊跳轉到另一個Activity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="jump"
        />

</LinearLayout>

　　3、AndroidManifast.xml 文件中為Activity 指定該主題樣式就好了。

 

補充：

• 兩種方式其實都是改變狀態欄的顏色，只是方式一的顏色為透明色。　　
• 方式一適用於app中沒有導航欄，且整體的背景是一張圖片的界面；
• 方式二適用於app中導航欄顏色為純色的界面；

看到一張圖很詳細，粘貼一下。