您好,登錄后才能下訂單哦!
這篇文章主要介紹了Android實現通知欄需要注意的小細節有哪些,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
為此Android在appcompat-v7庫中提供了一個NotificationCompat類來處理新老版本的兼容問題,我們在編寫通知功能時都使用NotificationCompat這個類來實現,appcompat-v7庫就會自動幫我們做好所有系統版本的兼容性處理了。一段基本的觸發通知代碼如下所示:
NotificationManager manager = (NotificationManager) getSystemService(NOTIFICATION_SERVICE); NotificationCompat.Builder builder = new NotificationCompat.Builder(context); Notification notification = builder .setContentTitle("這是通知標題") .setContentText("這是通知內容") .setWhen(System.currentTimeMillis()) .setSmallIcon(R.mipmap.ic_launcher) .setLargeIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher)) .build(); manager.notify(1, notification);
可以看到,這里只是把我們平時使用的Notification.Builder改成了NotificationCompat.Builder而已,其他用法都是一模一樣的,這樣我們的通知就具備各種Android版本的兼容性了。
注意看一下我們給通知設置的圖標,一個小圖標、一個大圖標,都是使用的R.mipmap.ic_launcher這張圖。其實很多app都使用的這種做法,即直接拿應用程序的icon來作為通知的圖標,好像這樣看上去也挺合理的。
現在我使用Android 6.0系統的Nexus 5手機運行這個程序,并觸發上面那段通知邏輯,效果如圖下圖所示:
可以看到,通知欄上彈出了一個通知圖標。然后我們將通知欄下拉展開,效果如下圖所示:
效果好像還不錯的樣子。但實際上,我現在是將項目的targetSdkVersion指定成了21以下,即低于5.0系統。如果將targetSdkVersion指定成21或者更高的話,結果可能就不樂觀了:
defaultConfig { .... targetSdkVersion 23 }
這里我們將targetSdkVersion指定成了23,然后重新運行程序并觸發圖標邏輯,效果如下圖所示:
恩?這是什么鬼,怎么通知圖標變成白白的一個圓了。下拉之后的大圖效果如下:
好像下拉之后的大圖還算正常,不過大圖的右下角也有一個白白的圓。
這到底是為什么呢?實際上,Android從5.0系統開始,對于通知欄圖標的設計進行了修改。現在Google要求,所有應用程序的通知欄圖標,應該只使用alpha圖層來進行繪制,而不應該包括RGB圖層。
說的好像很玄乎,什么叫作只使用alpha圖層來進行繪制呢?其實通俗點來講,就是讓我們的通知欄圖標不要帶顏色就可以了。
恩?不帶顏色!那圖標還怎么設計?但這就不是我們程序員應該考慮的問題了,而是應該交給項目的UI設計師來想辦法,但我們需要將這個設計需求清楚地告訴設計師,因為他們通常并不知道Google的各種標準和要求。
那么我們來參考一下別的程序都是怎么設計通知欄圖標的,這是支付寶的通知欄圖標:
下拉通知之后的效果是這樣的:
然后再看一下網易新聞的通知欄圖標:
下拉通知之后的效果是這樣的:
可以看出,它們的通知欄小圖都是沒有RGB色的,圖標是只有白色一種顏色,然后借助alpha圖層來繪制出一個logo的樣式。
因此,按著這種設計要求,我將項目的通知欄圖標改成了這個樣子:
這張圖只用于替換通知的小圖部分,大圖仍然還是用原來的那樣圖就可以了。現在重新運行一下程序,效果如下圖所示:
這樣看上去效果就好多了吧?然后下拉通知欄之后的效果如下圖所示:
這里我們來仔細觀察一下這個下拉后的大圖,其實前面大家應該也已經注意到了,只不過一直沒提,在大圖標的右下角,還有一個比較小的圓圈,在這個圓圈中嵌套著我們設置的小圖標。
這個功能是系統自動附加的一個功能,并不需要我們進行任何的代碼設置,可以觀察一下,支付寶、網易新聞也都是有這個功能的。但是如果我們再看仔細一點,你會發現網易的圖標更好看一些,因為系統給右下角的這個小圓圈默認是設置成灰色的,和我們的整體色調并不搭配,而網易則將這個小圓圈改成了紅色,因此總體視覺效果更好。
那么怎樣修改這個小圓圈的顏色呢?其實非常簡單,只需要在NotificationCompat.Builder中再多連綴一個setColor()方法就可以了,如下所示:
Notification notification = builder ...... .setColor(Color.parseColor("#EAA935")) .build();
現在重新運行一下程序,通知欄大圖的具體效果如下圖所示:
怎么樣,現在的效果是不是更棒了?但是這里我還要給大家提個醒,上面的功能我使用Nexus手機和三星手機都測試過,結果都是正常的,但是使用小米手機測試就比較無語了,MIUI系統直接無視我們設置的大圖和小圖,一律使用應用程序的icon來作為通知欄圖標,所以如果你是使用的小米手機,就測試不出來上述的各種效果了。其他手機的兼容性我還沒有試過,不過不管怎么樣,我們的代碼都是要這么寫的,至于那些定制過的系統該如何去解析展示,那是這些第三方廠商的事情,畢竟我們程序員也是控制不了的。
當然,如果你手上只有小米手機的話,也不要絕望,還是可以使用Android模擬器來測試這個功能的。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“Android實現通知欄需要注意的小細節有哪些”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。