Glide — 通知欄和桌面小控件的圖片加載

原文：Loading Images into Notifications and RemoteViews
作者：Norman Peitek
翻譯：Dexter0218

上篇文章，我們講解了Glide中加載圖片到target的基礎(chǔ)。如果你還沒有看馒疹，在看這篇文章之前鸦做，建議看看前面的基礎(chǔ)尚骄。這篇文章繼續(xù)介紹兩個特別用途的target：通知欄和桌面小控件。如果你需要用到里面任意一個脾猛，繼續(xù)閱讀箍镜！

Glide 系列概覽

1. 入門簡介
2. 高級加載
3. 適配器(ListView, GridView)
4. 占位圖& 淡入淡出動畫
5. 圖片大小 & 縮放
6. 播放GIF & 視頻
7. 緩存基礎(chǔ)
8. 請求優(yōu)先級
9. 縮略圖
10. 回調(diào)：定制view中使用SimpleTarget和ViewTarget
11. 通知欄和桌面小控件的圖片加載
12. 異常: 調(diào)試和報錯處理
13. 自定義變換
14. 用animate()定制動畫
15. 整合網(wǎng)絡(luò)協(xié)議棧
16. 用Modules定制Glide
17. Glide Module 案例: 接受自簽名HTTPS證書
18. Glide Module 案例: 自定義緩存
19. Glide Module 案例: 通過加載自定義大小圖片優(yōu)化
20. 動態(tài)使用 Model Loaders
21. 如何旋轉(zhuǎn)圖片
22. 系列綜述

加載圖片到通知欄

Loading Images into Notifications

系統(tǒng)通知的圖標(biāo)為用戶傳遞了重要的內(nèi)容。用NotificationCompat.Builder為通知圖片傳遞一個圖片是最直接方式渔欢，但是這個圖片必須是Bitmap格式的墓塌。如果這個圖片已經(jīng)在手機(jī)上，那沒問題。但苫幢，如果這個圖片還不在手機(jī)上访诱，需要從網(wǎng)絡(luò)下載，想要用這個標(biāo)準(zhǔn)的工具是不現(xiàn)實(shí)的韩肝。

這時候輪到Glide出場了触菜。在上篇文章中，我們學(xué)習(xí)了如何用SimpleTarget下載圖片伞梯。理論上玫氢，你可以利用那個方法加載圖片到你的系統(tǒng)通知中。但沒必要那樣谜诫，因?yàn)镚lide通過一個方便的NotificationTarget提供了更舒服的方式漾峡。

Notification Target

讓我們看下代碼。你已經(jīng)知道Glide里的target如何工作喻旷，我們不再過多介紹了生逸。為了在系統(tǒng)通知里顯示一個大圖，你可以使用RemoteView且预，并顯示一個定制的通知槽袄。

NotificationTarget

我們自定義的通知布局非常簡單：

<?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="wrap_content"
    android:background="@android:color/white"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="2dp">

        <ImageView
            android:id="@+id/remoteview_notification_icon"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginRight="2dp"
            android:layout_weight="0"
            android:scaleType="centerCrop"/>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:id="@+id/remoteview_notification_headline"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:singleLine="true"
                android:textSize="12sp"/>

            <TextView
                android:id="@+id/remoteview_notification_short_message"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:paddingBottom="2dp"
                android:singleLine="true"
                android:textSize="14sp"
                android:textStyle="bold"/>

        </LinearLayout>
    </LinearLayout>

</LinearLayout>  

下面的代碼用上面的布局文件創(chuàng)建了一個自定義的通知。

final RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.remoteview_notification);

rv.setImageViewResource(R.id.remoteview_notification_icon, R.mipmap.future_studio_launcher);

rv.setTextViewText(R.id.remoteview_notification_headline, "Headline");  
rv.setTextViewText(R.id.remoteview_notification_short_message, "Short Message");

// build notification
NotificationCompat.Builder mBuilder =  
    new NotificationCompat.Builder(context)
        .setSmallIcon(R.mipmap.future_studio_launcher)
        .setContentTitle("Content Title")
        .setContentText("Content Text")
        .setContent(rv)
        .setPriority( NotificationCompat.PRIORITY_MIN);

final Notification notification = mBuilder.build();

// set big content view for newer androids
if (android.os.Build.VERSION.SDK_INT >= 16) {  
    notification.bigContentView = rv;
}

NotificationManager mNotificationManager = (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);  
mNotificationManager.notify(NOTIFICATION_ID, notification);  

這段代碼創(chuàng)建了三個重要的對象锋谐，Notification和RemoteView和常量NOTIFICATION_ID遍尺。我們需要這些去創(chuàng)建notification target:

private NotificationTarget notificationTarget;

...

notificationTarget = new NotificationTarget(  
    context,
    rv,
    R.id.remoteview_notification_icon,
    notification,
    NOTIFICATION_ID);

最后，我們需要與以前一樣調(diào)用Glide涮拗，將target作為.into()的參數(shù)傳入：

Glide  
    .with( context.getApplicationContext() ) // safer!
    .load( eatFoodyImages[3] )
    .asBitmap()
    .into( notificationTarget );

結(jié)果是只要圖片被加載了乾戏，我們定制的通知欄就會顯示。真棒 :)

應(yīng)用小控件

我們再來研究另外一個target三热。應(yīng)用小控件在Android系統(tǒng)里已經(jīng)有相當(dāng)長的一段時間了鼓择。如果你的app的小控件包含圖片，你肯定會感興趣就漾。Glide的AppWidgetTarget可以幫助你讓這些簡單明了呐能。

我們一起看一個簡單的AppWidgetProvider的例子：

public class FSAppWidgetProvider extends AppWidgetProvider {

    private AppWidgetTarget appWidgetTarget;

    @Override
    public void onUpdate(Context context, AppWidgetManager appWidgetManager,
                         int[] appWidgetIds) {

        RemoteViews rv = new RemoteViews(context.getPackageName(), R.layout.custom_view_futurestudio);

        appWidgetTarget = new AppWidgetTarget( context, rv, R.id.custom_view_image, appWidgetIds );

        Glide
                .with( context.getApplicationContext() ) // safer!
                .load( GlideExampleActivity.eatFoodyImages[3] )
                .asBitmap()
                .into( appWidgetTarget );

        pushWidgetUpdate(context, rv);
    }

    public static void pushWidgetUpdate(Context context, RemoteViews rv) {
        ComponentName myWidget = new ComponentName(context, FSAppWidgetProvider.class);
        AppWidgetManager manager = AppWidgetManager.getInstance(context);
        manager.updateAppWidget(myWidget, rv);
    }
}

最重要的代碼是AppWidgetTarget對象的聲明和Glide的構(gòu)造。好消息：你不必覆寫onResourceReady方法定制AppWidgetTarget抑堡。Glide為你自動處理了一切摆出！非常出色!

展望

這篇文章中，我們完結(jié)了target的探索夷野。你已經(jīng)學(xué)會了如何異步加載各種目的圖片懊蒸，包括ImageView、Notiation悯搔，Bitmap回調(diào)等等骑丸。

后面的文章舌仍，我們要學(xué)習(xí)如何處理報錯。出錯時會發(fā)生什么通危？當(dāng)URL不存在或者非法铸豁？敬請期待。