android通知欄樣式

『壹』 android 狀態欄透明

前言：最近項目大量用到狀態欄透明，網上也出現很多庫可以直接拿來用，個人認為沒有必要那麼重引用到一個庫（有木有同學和我有一樣的想法），所以研究了一番，在此做個記錄加強記憶也便後期查閱，如果無意中有幸能幫助到你那就再好不過了。

Android 從 4.4 (SDK 19) 開始支持 系統欄（狀態欄+導航欄）半透明 效果：

翻譯一下就是：

TranslucentDecor 主題設置了兩個屬性 windowTranslucentStatus 和 windowTranslucentNavigation 都為 true，前者指定狀態欄半透明、後者指定導航欄半透明。

本文只探討「狀態欄」 。

默認樣式是這樣：

可見 Toolbar 和系統狀態欄之間有明顯的分界，我們要實現的效果是 Toolbar 和狀態欄背景統一，看起來像是一個整體（自行腦補圖片）。

按照官方文檔，我們自定義主題：

對應的 Activity 引用該主題：

我看來看看效果：

雖然實現了半透明，但是布局被狀態欄覆蓋，接下來在布局文件中設置 fitSystemWindows （注意加到根節點 ConstraintLayout 上）：

來看看效果：

雖然布局沒有被狀態欄覆蓋，但是狀態欄背景顯然這不是我們想要的效果😭

為什麼狀態欄會這么奇怪？

文章開頭的定義中我們說了，布局文件會延伸到狀態欄所佔區域下， fitsSystemWindows 的作用是給對應的 View 增加 padding（這里以 ConstraintLayout 為例），目的是為了讓其內容不被狀態欄遮擋。

在我們的布局文件中 ConstraintLayout 沒有設置背景（默認白色），所以狀態欄默認的半透明背景色和 ConstraintLayout 的白色背景疊加，就變成了上圖中的效果。

【總結】兩個基本概念：

1、 windowTranslucentStatus 設置為true之後，狀態欄默認是 半透明 的（4.4 是黑色到透明色漸變，5.0+ 是純黑色半透明），和我們要求的 透明 相去甚遠。更重要的是，布局會延伸到狀態欄底下。

2、 android:fitsSystemWindows 簡單理解 就是 View 為了適配系統狀態欄和導航欄（不被遮擋）自動 增加 padding ，當然真正的實現原理比這復雜很多而且不同的 View 可以自定義實現方式。

所以，為了實現文章開頭提出來的「狀態欄透明」效果，我們需要處理：

設置 windowTranslucentStatus 為 true，讓狀態欄半透明。

在根節點設置 android:fitsSystemWindows 使其不被狀態欄遮擋。

Android 4.4 暫時沒有辦法去掉狀態欄的漸變。

Android 5.0+ 開始支持修改狀態欄顏色，設置透明色即可把半透明去掉。

看看效果：

我們看到即使狀態欄透明了，但是其底色是一片白，因為跟節點 ConstraintLayout 沒有設置背景，大多情況下我們不會給整個跟節點設置顏色，可以考慮把 android:fitsSystemWindows 設置到子 View 上，本例中是 AppBarLayout （5.0+ 無效，只能顯式給 AppBarLayout 加 padding，可以利用其背景色），實際項目中可靈活調整。

最終效果：

至此，完成狀態欄透明效果，網上有很多庫，實際上都是基於此原理，在此基礎上再自定義 View 做為狀態欄背景。

https://developer.android.com/about/versions/android-4.4.html

『貳』 android 自定義通知欄

Notification 參數使用 參考：
http://www.cnblogs.com/kexing/p/8371051.html

自定義通知欄
僅支持FrameLayout、LinearLayout、RelativeLayout三種布局控制項
AnalogClock、Chronometer、Button、ImageButton、ImageView、ProgressBar、TextView、ViewFlipper、ListView、GridView、StackView和AdapterViewFlipper這些顯示控制項
否則會引起ClassNotFoundException異常。

流程：點擊通知欄 發送廣播 app接收廣播做相應處理：

為通知欄綁定廣播事件：

1.FLAG_CANCEL_CURRENT:如果AlarmManager管理的PendingIntent已經存在,那麼將會取消當前的PendingIntent,從而創建一個新的PendingIntent.
2.FLAG_UPDATE_CURRENT:如果AlarmManager管理的PendingIntent已經存在,讓新的Intent更新之前Intent對象數據,例如更新Intent中的Extras,另外,我們也可以在PendingIntent的原進程中調用PendingIntent的cancel ()把其從系統中移除掉
3.FLAG_NO_CREATE:如果AlarmManager管理的PendingIntent已經存在,那麼將不進行任何操作,直接返回已經.
4.FLAG_ONE_SHOT:該PendingIntent只作用一次.在該PendingIntent對象通過send()方法觸發過後,PendingIntent將自動調用cancel()進行銷毀,那麼如果你再調用send()方法的話,系統將會返回一個SendIntentException.

添加廣播接收：

AndroidManifest:

『叄』 android 個推自定義通知欄怎麼做

一 直接使用Notification

其相關屬性：
audioStreamType 當聲音響起時，所用的音頻流的類型
contentIntent 當通知條目被點擊，就執行這個被設置的Intent.
contentView 當通知被顯示在狀態條上的時候，同時這個被設置的視圖被顯示.
defaults 指定哪個值要被設置成默認的.
deleteIntent 當用戶點擊"Clear All Notifications"按鈕區刪除所有的通知的時候，這個被設置的Intent被執行.
icon 狀態條所用的圖片.
iconLevel 假如狀態條的圖片有幾個級別，就設置這里.
ledARGB LED燈的顏色.
ledOffMS LED關閉時的閃光時間（以毫秒計算）
ledOnMS LED開始時的閃光時間（以毫秒計算）

『肆』 android7.0和6.0有什麼區別

1. 安卓7.0通知欄相較Android 6.0的變化還是很大的。首先，一級下拉頂部的用戶頭像取消，時間日期合並為一行，同時新增快捷圖標，例如WiFi、信號、電池等，另外通知條幅樣式也有所變化，清除按鈕也翻轉了一下。

2. 安卓7.0的二級菜單布局也有所變化，更加密集，同時新增了編輯按鈕和多頁面排版，用戶可擺放的快捷鍵就更多了。

3. 安卓7.0和6.0相比，安裝軟體速度更快，打開軟體速度更快，運行軟體速度更快。
   

『伍』 如何實現android沉浸式狀態欄

有些手機是強制改變通知欄顏色的，比如魅族，蘋果。但是目前主要還是通過代碼作出自己想要的效果。

Android 4.4之前，即使我們打開手機app，我們還總是能看到系統頂部那條黑乎乎的通知欄，這樣會使得app稍顯突兀。於是Android 4.4開始，便引入了Translucent System Bar的新特性，用於彌補系統通知欄突兀之處。

狀態欄透明後，你可以選擇設置其顏色或者顯示背景圖片。效果如下

<?xmlversion="1.0"encoding="utf-8"?><resources>
<!--red-->
<colorname="md_red_50_color_code">#fde0dc</color>
<colorname="md_red_100_color_code">#f9bdbb</color>
<colorname="md_red_200_color_code">#f69988</color>
<colorname="md_red_300_color_code">#f36c60</color>
<colorname="md_red_400_color_code">#e84e40</color>
<colorname="md_red_500_color_code">#e51c23</color>
<colorname="md_red_600_color_code">#dd191d</color>
<colorname="md_red_700_color_code">#d01716</color>
<colorname="md_red_800_color_code">#c41411</color>
<colorname="md_red_900_color_code">#b0120a</color>
<colorname="md_red_a100_color_code">#ff7997</color>
<colorname="md_red_a200_color_code">#ff5177</color>
<colorname="md_red_a400_color_code">#ff2d6f</color>
<colorname="md_red_a700_color_code">#e00032</color>

<!--pink-->
<colorname="md_pink_50_color_code">#fce4ec</color>
<colorname="md_pink_100_color_code">#f8bbd0</color>
<colorname="md_pink_200_color_code">#f48fb1</color>
<colorname="md_pink_300_color_code">#f06292</color>
<colorname="md_pink_400_color_code">#ec407a</color>
<colorname="md_pink_500_color_code">#e91e63</color>
<colorname="md_pink_600_color_code">#d81b60</color>
<colorname="md_pink_700_color_code">#c2185b</color>
<colorname="md_pink_800_color_code">#ad1457</color>
<colorname="md_pink_900_color_code">#880e4f</color>
<colorname="md_pink_a100_color_code">#ff80ab</color>
<colorname="md_pink_a200_color_code">#ff4081</color>
<colorname="md_pink_a400_color_code">#f50057</color>
<colorname="md_pink_a700_color_code">#c51162</color>

<!--deep_purple-->
<colorname="md_deep_purple_50_color_code">#ede7f6</color>
<colorname="md_deep_purple_100_color_code">#d1c4e9</color>
<colorname="md_deep_purple_200_color_code">#b39ddb</color>
<colorname="md_deep_purple_300_color_code">#9575cd</color>
<colorname="md_deep_purple_400_color_code">#7e57c2</color>
<colorname="md_deep_purple_500_color_code">#673ab7</color>
<colorname="md_deep_purple_600_color_code">#5e35b1</color>
<colorname="md_deep_purple_700_color_code">#512da8</color>
<colorname="md_deep_purple_800_color_code">#4527a0</color>
<colorname="md_deep_purple_900_color_code">#311b92</color>
<colorname="md_deep_purple_a100_color_code">#b388ff</color>
<colorname="md_deep_purple_a200_color_code">#7c4dff</color>
<colorname="md_deep_purple_a400_color_code">#651fff</color>
<colorname="md_deep_purple_a700_color_code">#6200ea</color>

<!--yellow-->
<colorname="md_yellow_50_color_code">#fffde7</color>
<colorname="md_yellow_100_color_code">#fff9c4</color>
<colorname="md_yellow_200_color_code">#fff59d</color>
<colorname="md_yellow_300_color_code">#fff176</color>
<colorname="md_yellow_400_color_code">#ffee58</color>
<colorname="md_yellow_500_color_code">#ffeb3b</color>
<colorname="md_yellow_600_color_code">#fdd835</color>
<colorname="md_yellow_700_color_code">#fbc02d</color>
<colorname="md_yellow_800_color_code">#f9a825</color>
<colorname="md_yellow_900_color_code">#f57f17</color>
<colorname="md_yellow_a100_color_code">#ffff8d</color>
<colorname="md_yellow_a200_color_code">#ffff00</color>
<colorname="md_yellow_a400_color_code">#ffea00</color>
<colorname="md_yellow_a700_color_code">#ffd600</color>

<!--orange-->
<colorname="md_orange_50_color_code">#fff3e0</color>
<colorname="md_orange_100_color_code">#ffe0b2</color>
<colorname="md_orange_200_color_code">#ffcc80</color>
<colorname="md_orange_300_color_code">#ffb74d</color>
<colorname="md_orange_400_color_code">#ffa726</color>
<colorname="md_orange_500_color_code">#ff9800</color>
<colorname="md_orange_600_color_code">#fb8c00</color>
<colorname="md_orange_700_color_code">#f57c00</color>
<colorname="md_orange_800_color_code">#ef6c00</color>
<colorname="md_orange_900_color_code">#e65100</color>
<colorname="md_orange_a100_color_code">#ffd180</color>
<colorname="md_orange_a200_color_code">#ffab40</color>
<colorname="md_orange_a400_color_code">#ff9100</color>
<colorname="md_orange_a700_color_code">#ff6d00</color>

<!--...............................-->
<!--grey-->
<colorname="md_grey_50_color_code">#fafafa</color>
<colorname="md_grey_100_color_code">#f5f5f5</color>
<colorname="md_grey_200_color_code">#eeeeee</color>
<colorname="md_grey_300_color_code">#e0e0e0</color>
<colorname="md_grey_400_color_code">#bdbdbd</color>
<colorname="md_grey_500_color_code">#9e9e9e</color>
<colorname="md_grey_600_color_code">#757575</color>
<colorname="md_grey_700_color_code">#616161</color>
<colorname="md_grey_800_color_code">#424242</color>
<colorname="md_grey_900_color_code">#212121</color>
<colorname="md_black_color_code">#000000</color>
<colorname="md_white_color_code">#ffffff</color>


<!--blue_grey-->
<colorname="md_blue_grey_50_color_code">#eceff1</color>
<colorname="md_blue_grey_100_color_code">#cfd8dc</color>
<colorname="md_blue_grey_200_color_code">#b0bec5</color>
<colorname="md_blue_grey_300_color_code">#90a4ae</color>
<colorname="md_blue_grey_400_color_code">#78909c</color>
<colorname="md_blue_grey_500_color_code">#607d8b</color>
<colorname="md_blue_grey_600_color_code">#546e7a</color>
<colorname="md_blue_grey_700_color_code">#455a64</color>
<colorname="md_blue_grey_800_color_code">#37474f</color>
<colorname="md_blue_grey_900_color_code">#263238</color>
<resources>

『陸』 android導航欄與狀態欄顏色及透明度

首先創建一個空項目,如下圖

可以看到狀態欄是白字黑背景, 導航欄也是白圖標黑背景
嘿嘿, 我們先把狀態欄隱藏掉，在添加一個ImageView, 讓ImageView做背景(方便查看)

樣子如下:

將狀態欄和導航欄設置透明, 找到 Manifest.xml 文件, 在主題樣式中修改

android:statusBarColor 設置狀態欄背景色
android:navigationBarColor 同上
android:windowLightStatusBar 設置狀態欄文字色, true為深色, false為白色
android:windowLightNavigationBar 同上
android:windowTranslucentStatus 設置狀態欄半透明狀態, true為半透明, false為不透明
android:windowTranslucentNavigation 同上

最後兩個半透明狀態下面沒用, 可自己嘗試看效果

效果圖如下:

可以看到導航欄與狀態欄並沒有透明，原因是默認不能佔用狀態欄空間與導航欄空間，根布局背景為白色，所有這里顯示白色
可以通過設置 getWindow().getDecorView().setSystemUiVisibility() 來適配

View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 適配狀態欄空間
View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 適配導航欄空間
效果如下:

『柒』 Android 沉浸式/透明式狀態欄、導航欄

Android 從4.4開始引進透明狀態欄和導航欄的概念，並且在5.0進行了改進，將透明變成了半透明的效果。雖然此特性最早出現在ios，但不否認效果還是很贊的。
至於4.4以下的手機，就不要考慮此特性了，好在4.4以下的手機份額已經非常小了。

我們先來看一下透明狀態欄的實現，兩種常見效果圖如下：

虛擬導航欄並不是所有的手機都有，華為的手機多比較常見，就是上圖屏幕底部按鈕那塊區域。設置導航欄和狀態欄類似：

這是官方的解釋，大致意思就是我們在布局的最外層設置 android:fitsSystemWindows="true"，會在屏幕最上方預留出狀態欄高度的padding。

由於fitsSystemWindows屬性本質上是給當前控制項設置了一個padding，所以我們設置到根布局的話，會導致狀態欄是透明的，並且和窗口背景一樣。

但是多數情況，我們並不在根布局設置這個屬性，我們想要的無外乎是讓內容沉浸在狀態欄之中。所以我們經常設置在最上端的圖片背景、Banner之類的，如果是Toolbar的，我們可以使用一層LinearLayout包裹，並把這個屬性設置給LinearLayout，這樣就可以避免Toolbar的內容下沉了。如：

上述方法可以解決普通頁面的透明式狀態欄需求，如有復雜需求可以參考下面這些：
Android 系統狀態欄沉浸式/透明化完整解決方案
Android 沉浸式狀態欄的實現
Android沉浸式狀態欄(透明狀態欄)最佳實現
還有開源庫推薦： ImmersionBar