Android 通知常見樣式小結

時間 2019-12-06

原文原文鏈接

一.普統統知

這是最多見通知樣式，以下圖 java

默認樣式，包括一個標題和一個內容，內容只顯示一行，多餘的內容會以省略號替代。android

效果圖：（第三行內容在低版本不必定顯示）數組

//爲了版本兼容 選擇V7包下的NotificationCompat進行構造 
NotificationCompat.Builder builder = new NotificationCompat.Builder(this);
//Ticker是狀態欄顯示的提示
 builder.setTicker("簡單Notification") ;
//第一行內容 一般做爲通知欄標題
 builder.setContentTitle("標題") ;
//第二行內容 一般是通知正文
 builder.setContentText("通知內容") ;
//第三行內容 一般是內容摘要什麼的 在低版本機器上不必定顯示
 builder.setSubText("這裏顯示的是通知第三行內容！");
 //ContentInfo 在通知的右側 時間的下面 用來展現一些其餘信息
 //builder.setContentInfo("2");
 //number設計用來顯示同種通知的數量和ContentInfo的位置同樣，若是設置了ContentInfo則number會被隱藏 
builder.setNumber(2);
 //能夠點擊通知欄的刪除按鈕刪除 
builder.setAutoCancel(true);
 //系統狀態欄顯示的小圖標
 builder.setSmallIcon(R.mipmap.ic_launcher);
 //下拉顯示的大圖標
 builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.push));
 Intent intent = new Intent(this,SettingsActivity.class);
 PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0);
 //點擊跳轉的intent
 builder.setContentIntent(pIntent);
 //通知默認的聲音 震動 呼吸燈
 builder.setDefaults(NotificationCompat.DEFAULT_ALL);
 Notification notification = builder.build();
 (NotificationManager) getSystemService(NOTIFICATION_SERVICE).notify(TYPE_Normal,notification);

注意：app

build內提供了不少設置，可是在不一樣的系統版本顯示有不少差別，使用時須要注意less

setTicker 通知到來時低版本上會在系統狀態欄顯示一小段時間 5.0以上版本好像沒有用了
setContentInfo和setNumber同時使用 number會被隱藏
setSubText顯示在通知欄的第三行文本，在低版本上不顯示，好比4.0系統
setVibrate設置震動參數是個long[]｛震動時長，間隔時長，震動時長，間隔時長…｝單位毫秒設置提醒聲音 setSound(Uri sound) 通常默認的就好
builder.setLights()設置呼吸燈的顏色並非全部顏色都被支持我的感受沒什麼用
清除通知欄特定通知 manager.cancel(id) id即爲manger.notify()的第一個參數

二.下載進度的通知

效果圖：佈局

NotificationCompat.Builder builder = new NotificationCompat.Builder(this);
        builder.setSmallIcon(R.mipmap.ic_launcher);
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.push));
        //禁止用戶點擊刪除按鈕刪除
        builder.setAutoCancel(false);
        //禁止滑動刪除
        builder.setOngoing(true);
        //取消右上角的時間顯示
        builder.setShowWhen(false);
        builder.setContentTitle("下載中..."+progress+"%");
        builder.setProgress(100,progress,false);
        //builder.setContentInfo(progress+"%");
        builder.setOngoing(true);
        builder.setShowWhen(false);
        Intent intent = new Intent(this,DownloadService.class);
        intent.putExtra("command",1);
        Notification notification = builder.build();
        (NotificationManager) getSystemService(NOTIFICATION_SERVICE).notify(MainActivity.TYPE_Progress,notification);

注意事項
1. setProgress的第三個bool類型的參數表示progressbar的Indeterminate屬性指是否使用不肯定模式
2. 高版本上progressbar的進度值能夠在setContentInfo顯示，可是低版本上使用這個屬性會致使progressbar不顯示，setContentText同樣ui

三.BigTextStyle通知

點擊（不一樣機型的操做可能不一樣）後展開可顯示大段文字內容的通知
效果圖
點擊前（不一樣機型的操做可能不一樣，一些機型是兩隻手指同時向上向下拉，一些是直接下拉）
this

操做後：spa

NotificationCompat.Builder builder = new NotificationCompat.Builder(this);
        builder.setContentTitle("BigTextStyle");
        builder.setContentText("BigTextStyle演示示例");
        builder.setSmallIcon(R.mipmap.ic_launcher);
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.notification));
        android.support.v4.app.NotificationCompat.BigTextStyle style = new android.support.v4.app.NotificationCompat.BigTextStyle();
        style.bigText("這裏是點擊通知後要顯示的正文，能夠換行能夠顯示很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長很長");
        style.setBigContentTitle("點擊後的標題");
        //SummaryText沒什麼用 能夠不設置
        style.setSummaryText("末尾只一行的文字內容");
        builder.setStyle(style);
        builder.setAutoCancel(true);
        Intent intent = new Intent(this,SettingsActivity.class);
        PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0);
        builder.setContentIntent(pIntent);
        builder.setDefaults(NotificationCompat.DEFAULT_ALL);
        Notification notification = builder.build();
        (NotificationManager) getSystemService(NOTIFICATION_SERVICE).notify(TYPE_BigText,notification);

注意事項
1. 使用類 android.support.v4.app.NotificationCompat.BigTextStyle
2. 在低版本系統上只顯示點擊前的普統統知樣式如4.4能夠點擊展開，在4.0系統上就不行
3. 點擊先後的ContentTitle、ContentText能夠不一致，bigText內容能夠自動換行好像最多5行的樣子設計

四.InboxStyle（展開操做同上）

與bigTextStyle相似，點擊(操做可能不一樣)前顯示普統統知樣式，點擊後展開
效果圖 (點擊後)

代碼舉例

public void inBoxStyle(){
        NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
        builder.setContentTitle("InboxStyle")
        builder.setContentText("InboxStyle演示示例")
        builder.setSmallIcon(R.mipmap.ic_launcher)
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.notification))
        android.support.v4.app.NotificationCompat.InboxStyle style = new android.support.v4.app.NotificationCompat.InboxStyle()
        style.setBigContentTitle("BigContentTitle")
                .addLine("第一行，第一行，第一行，第一行，第一行，第一行，第一行")
                .addLine("第二行")
                .addLine("第三行")
                .addLine("第四行")
                .addLine("第五行")
                .setSummaryText("SummaryText")
        builder.setStyle(style)
        builder.setAutoCancel(true)
        Intent intent = new Intent(this,SettingsActivity.class)
        PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0)
        builder.setContentIntent(pIntent)
        builder.setDefaults(NotificationCompat.DEFAULT_ALL)
        Notification notification = builder.build()
        manger.notify(TYPE_Inbox,notification)
    }

注意事項
1. 使用類android.support.v4.app.NotificationCompat.InboxStyle
2. 每行內容過長時並不會自動換行
3. addline能夠添加多行可是多餘5行的時候每行高度會有截斷
4. 同BigTextStyle 低版本上系統只能顯示普通樣式

五.BigPictureStyle（展開操做同上）

點擊後能夠顯示一個大圖的通知
效果圖(點擊後)

代碼舉例

public void bigPictureStyle(){
        NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
        builder.setContentTitle("BigPictureStyle")
        builder.setContentText("BigPicture演示示例")
        builder.setSmallIcon(R.mipmap.ic_launcher)
        builder.setDefaults(NotificationCompat.DEFAULT_ALL)
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.notification))
        android.support.v4.app.NotificationCompat.BigPictureStyle style = new android.support.v4.app.NotificationCompat.BigPictureStyle()
        style.setBigContentTitle("BigContentTitle")
        style.setSummaryText("SummaryText")
        style.bigPicture(BitmapFactory.decodeResource(getResources(),R.drawable.small))
        builder.setStyle(style)
        builder.setAutoCancel(true)
        Intent intent = new Intent(this,ImageActivity.class)
        PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0)
        //設置點擊大圖後跳轉
        builder.setContentIntent(pIntent)
        Notification notification = builder.build()
        manger.notify(TYPE_BigPicture,notification)
    }

注意事項
1. 使用類android.support.v4.app.NotificationCompat.BigPictureStyle
2. style.bigPicture傳遞的是個bitmap對象因此也不該該傳過大的圖不然會oom
3. 同BigTextStyle 低版本上系統只能顯示普通樣式

六.hangup橫幅通知（系統通知設置關閉了應用的橫幅通知則不會顯示）

相似於手機QQ消息的通知，不顯示在通知欄而是以橫幅的模式顯示在其餘應用上方

效果圖

代碼示例

NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
        builder.setContentTitle("橫幅通知")
        builder.setContentText("請在設置通知管理中開啓消息橫幅提醒權限")
        builder.setDefaults(NotificationCompat.DEFAULT_ALL)
        builder.setSmallIcon(R.mipmap.ic_launcher)
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.notification))
        Intent intent = new Intent(this,ImageActivity.class)
        PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0)
        builder.setContentIntent(pIntent)
        //這句是重點
        builder.setFullScreenIntent(pIntent,true)
        builder.setAutoCancel(true)
        Notification notification = builder.build()
        manger.notify(TYPE_Hangup,notification)

注意事項
1. 此種效果只在5.0以上系統中有效
2. mainfest中須要添加<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
3. 極可能還須要在設置開啓橫幅通知權限（在設置通知管理中）
4. 在部分改版rom上可能會直接彈出應用而不是顯示橫幅

7、播放通知

主要是用來關聯音頻播放服務的，點擊後不會自動消失,通知欄的清空也不可用
效果圖
點擊前

點擊展開後

在4.0系統上的效果不能展開可是能夠最多顯示3個按鈕外加一個CancelButton

代碼示例

private void mediaStyle(){
        NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
        builder.setContentTitle("MediaStyle")
        builder.setContentText("Song Title")
        builder.setSmallIcon(R.mipmap.ic_launcher)
        builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.notification))
        builder.setDefaults(NotificationCompat.DEFAULT_ALL)
        Intent intent = new Intent(this,ImageActivity.class)
        PendingIntent pIntent = PendingIntent.getActivity(this,1,intent,0)
        builder.setContentIntent(pIntent)
        //第一個參數是圖標資源id 第二個是圖標顯示的名稱，第三個圖標點擊要啓動的PendingIntent
        builder.addAction(R.drawable.ic_previous_white,"",null)
        builder.addAction(R.drawable.ic_stop_white,"",null)
        builder.addAction(R.drawable.ic_play_arrow_white_18dp,"",pIntent)
        builder.addAction(R.drawable.ic_next_white,"",null)
        NotificationCompat.MediaStyle style = new NotificationCompat.MediaStyle()
        style.setMediaSession(new MediaSessionCompat(this,"MediaSession",
                new ComponentName(MainActivity.this,Intent.ACTION_MEDIA_BUTTON),null).getSessionToken())
        //CancelButton在5.0如下的機器有效
        style.setCancelButtonIntent(pIntent)
        style.setShowCancelButton(true)
        //設置要現實在通知右方的圖標 最多三個
        style.setShowActionsInCompactView(2,3)
        builder.setStyle(style)
        builder.setShowWhen(false)
        Notification notification = builder.build()
        manger.notify(TYPE_Media,notification)
    }

注意事項
1. 使用類v7包下的NotificationCompat.MediaStyle
2. addAction方法並普通樣式也能夠用，使用後普統統知能夠點擊展開，展開部分會顯示一排添加的圖標，而且能夠給每一個圖標設置不一樣的點擊事件
3. 最多能夠添加5哥action 並排顯示在點擊展開的部分
4. setShowActionsInCompactView的參數是添加的action在全部action組成的數組中的下標，從0開始
5. setShowActionsInCompactView設置的action會顯示在點擊前的通知的右側，低版本上也能夠顯示
6. setShowCancelButton(true)會在通知的右上部分顯示一個刪除圖標 5.0如下有效

八.自定義通知欄佈局（高度是系統固定的，若是文字過多也會顯示不全）

其實就是設置一個romateViews
演示效果

代碼示例

//command是自定義用來區分各類點擊事件的
    private void sendCustomerNotification(int command){
        NotificationCompat.Builder builder = new NotificationCompat.Builder(this)
        builder.setContentTitle("Notification")
        builder.setContentText("自定義通知欄示例")
        builder.setSmallIcon(R.mipmap.ic_launcher)
        //builder.setLargeIcon(BitmapFactory.decodeResource(getResources(),R.drawable.push))
        builder.setAutoCancel(false)
        builder.setOngoing(true)
        builder.setShowWhen(false)
        RemoteViews remoteViews = new RemoteViews(getPackageName(),R.layout.notification_template_customer)
        remoteViews.setTextViewText(R.id.title,"Notification")
        remoteViews.setTextViewText(R.id.text,"song"+index)
        if(command==CommandNext){
            remoteViews.setImageViewResource(R.id.btn1,R.drawable.ic_pause_white)
        }else if(command==CommandPlay){
            if(playerStatus==StatusStop){
                remoteViews.setImageViewResource(R.id.btn1,R.drawable.ic_pause_white)
            }else{
                remoteViews.setImageViewResource(R.id.btn1,R.drawable.ic_play_arrow_white_18dp)
            }
        }
        Intent Intent1 = new Intent(this,MediaService.class)
        Intent1.putExtra("command",CommandPlay)
        //getService(Context context, int requestCode, @NonNull Intent intent, @Flags int flags)
        //不一樣控件的requestCode須要區分開 getActivity broadcoast同理
        PendingIntent PIntent1 =  PendingIntent.getService(this,5,Intent1,0)
        remoteViews.setOnClickPendingIntent(R.id.btn1,PIntent1)

        Intent Intent2 = new Intent(this,MediaService.class)
        Intent2.putExtra("command",CommandNext)
        PendingIntent PIntent2 =  PendingIntent.getService(this,6,Intent2,0)
        remoteViews.setOnClickPendingIntent(R.id.btn2,PIntent2)

        Intent Intent3 = new Intent(this,MediaService.class)
        Intent3.putExtra("command",CommandClose)
        PendingIntent PIntent3 =  PendingIntent.getService(this,7,Intent3,0)
        remoteViews.setOnClickPendingIntent(R.id.btn3,PIntent3)

        builder.setContent(remoteViews)
        Notification notification = builder.build()
        manger.notify(MainActivity.TYPE_Customer,notification)
    }

佈局文件

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/status_bar_latest_event_content" android:layout_width="match_parent" android:layout_height="64dp" android:gravity="center_vertical" android:orientation="horizontal"></linearlayout>
    <imageview android:id="@+id/icon" android:layout_width="64dp" android:layout_height="50dp" android:scaletype="fitCenter" android:src="@drawable/push"></imageview>
    <linearlayout android:orientation="vertical" android:paddingright="8dp" android:paddingend="8dp" android:paddingtop="2dp" android:paddingbottom="2dp" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content"></linearlayout>

        <textview android:id="@+id/title" android:textappearance="@style/TextAppearance.StatusBar.EventContent.Title" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleline="true" android:layout_marginleft="2dp" android:layout_marginstart="2dp" android:paddingtop="6dp" android:paddingbottom="6dp" android:ellipsize="marquee" android:fadingedge="horizontal" android:layout_weight="1" android:text="Title"></textview>

        <textview android:id="@+id/text" android:textappearance="@style/TextAppearance.StatusBar.EventContent" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="2dp" android:layout_marginstart="2dp" android:singleline="true" android:text="Content" android:ellipsize="marquee" android:fadingedge="horizontal"></textview>
    
    <linearlayout android:id="@+id/media_actions" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="center_vertical|end" android:orientation="horizontal" android:layoutdirection="ltr"></linearlayout>
        <imagebutton style="?android:attr/borderlessButtonStyle" android:id="@+id/btn1" android:layout_width="48dp" android:layout_height="match_parent" android:layout_marginleft="2dp" android:layout_marginright="2dp" android:layout_weight="1" android:src="@drawable/ic_play_arrow_white_18dp" android:gravity="center"></imagebutton>
        <imagebutton style="?android:attr/borderlessButtonStyle" android:id="@+id/btn2" android:layout_width="48dp" android:layout_height="match_parent" android:layout_marginleft="2dp" android:layout_marginright="2dp" android:layout_weight="1" android:src="@drawable/ic_next_white" android:gravity="center"></imagebutton>
        <imagebutton style="?android:attr/borderlessButtonStyle" android:id="@+id/btn3" android:layout_width="48dp" android:layout_height="match_parent" android:layout_marginleft="2dp" android:layout_marginright="2dp" android:layout_weight="1" android:src="@drawable/abc_ic_clear_mtrl_alpha" android:gravity="center"></imagebutton>
    

    <imageview android:id="@+id/end_padder" android:layout_width="6dp" android:layout_height="match_parent"></imageview>

注意事項 1. 不一樣控件 PendingIntent.getXXX的requestCode不能相同 2. RemoteViews的具體用法請自行百度這裏就不展開說明了 3. 自定義佈局的高須要是64dp 沒有爲何官方給的 4. 須要更改通知欄佈局的時候其實就是以同一個NotifyId發個新的通知替換掉老的 5. LargeIcon能夠不設置，可是smallIcon和title須要設置，否則通知不能顯示 6. LargeIcon若是設置了而且自定義佈局內相同位置還有一個icon的畫在低版本系統上可能會都顯示，高版本不會顯示LargeIcon