将URL中的ImageView加载到Home Screen小部件的RemoteView中

Question

我正在开发一个简单的小部件，它基于 Google 的 StackWidget 示例代码：https://android.googlesource.com/platform/development/+/master/samples/StackWidget/src/com/example/android/stackwidget/StackWidgetService.java

我正在使用 Glide 图片库，尝试在继承 RemoteViewsService 的 StackWidgetService 类的 getViewAt 方法中填充一个 ImageView。我的代码类似于：

Handler uiHandler = new Handler(Looper.getMainLooper());
uiHandler.post(() ->
    Glide.with(context)
        .asBitmap()
        .load(widgetItems.get(position).image_url)
        .into(new SimpleTarget<Bitmap>(512, 512) {
            @Override
            public void onResourceReady(Bitmap bitmap, Transition transition) {
                rv.setImageViewBitmap(R.id.widget_item_image, bitmap);
            }
        })
);

如何从URL加载图片以填充Android小部件中的RemoteView，有什么最佳方法？

- notGeek

---

不要异步执行(onResourceReady())。当你返回RemoteViews时，它们必须完全填充。 - CommonsWare

Answer 1

Glide提供了一种用于实现此功能的构造函数，称为：AppWidgetTarget：

在Kotlin中:

    val awt: AppWidgetTarget = object : AppWidgetTarget(context.applicationContext, R.id.img, remoteViews, *appWidgetIds) {
        override fun onResourceReady(resource: Bitmap, transition: Transition<in Bitmap>?) {
            super.onResourceReady(resource, transition)
        }
    }

    var options = RequestOptions().
            override(300, 300).placeholder(R.drawable.placeholder_img).error(R.drawable.error_img)

    Glide.with(context.applicationContext).asBitmap().load(imageUrl).apply(options).into(awt)

Java中：

   AppWidgetTarget awt = new AppWidgetTarget(context, R.id.img_dog, remoteViews, appWidgetIds) {
        @Override
        public void onResourceReady(Bitmap resource, Transition<? super Bitmap> transition) {
            super.onResourceReady(resource, transition);
        }
    };

    RequestOptions options = new RequestOptions().
            override(300, 300).placeholder(R.drawable.placeholder_img).error(R.drawable.error_img)


    Glide.with(context.getApplicationContext())
            .asBitmap()
            .load(imageUrl)
            .apply(options)
            .into(awt);

• 文档：https://futurestud.io/tutorials/glide-loading-images-into-notifications-and-appwidgets
• 已测试Glide 4.7.1当前版本。

- Elletlar

---

你应该使用applicationContext来避免在刷新小部件视图时在某些设备上出现IllegalArgumentException。 - dipcore

我更新了Kotlin答案，使用应用程序上下文在'with()'方法中。Java答案已经在使用应用程序上下文。谢谢。 - Elletlar

@dipcore，您的意思是说异常 -> java.lang.IllegalArgumentException：远程视图用于小部件更新超出了最大位图内存使用量？ - Joks

不，这是一个不同的问题。为了解决OOM，可以使用较小的位图或在Glide中调整图像大小。Glide-图像调整大小和缩放。 - Elletlar

未解决的引用：AppWidgetTarget - Nicholas Jela

升级 Glide 版本，3.5 版本中添加了 AppWidgetTarget：Glide 发布说明 - Elletlar

Answer 2

只需要同步执行即可。这似乎可以正常工作：

    try {
        Bitmap bitmap = Glide.with(context)
                .asBitmap()
                .load(widgetItems.get(position).image_url)
                .submit(512, 512)
                .get();

        rv.setImageViewBitmap(R.id.widget_item_image, bitmap);
    } catch (Exception e) {
        e.printStackTrace();
    }

- notGeek

---

我的小部件非常微小。 - newbie

Answer 3

Java 中的另一个示例。

  static void updateAppWidget(Context context, AppWidgetManager appWidgetManager,
                            int appWidgetId) {
    String url = "https://firebasestorage.googleapis.com/v0/b/telling-299f3.appspot.com/o/POSTS%2Fcropped1099087212.jpg?alt=media&token=6a3bca19-6483-484d-a7e3-64c25a8a77a8";

    RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.app_widget);

    Intent intent = new Intent(context, MainActivity.class);
    PendingIntent pendingIntent = PendingIntent.getActivity(context, 0, intent, 0);

    AppWidgetTarget awt = new AppWidgetTarget(context, R.id.widget_post_image, views, appWidgetId) {
        @Override
        public void onResourceReady(Bitmap resource, Transition<? super Bitmap> transition) {
            super.onResourceReady(resource, transition);
        }
    };

    RequestOptions options = new RequestOptions().
            override(300, 300).placeholder(R.drawable.post_placeholder).error(R.drawable.post_placeholder);


    Glide.with(context.getApplicationContext())
            .asBitmap()
            .load(url)
            .apply(options)
            .into(awt);
    //views.setImageViewBitmap(R.id.widget_post_image, bitmap);

    views.setOnClickPendingIntent(R.id.widget_post_image, pendingIntent);

    // Instruct the widget manager to update the widget
    appWidgetManager.updateAppWidget(appWidgetId, views);
}

我的 app_widget.xml 文件包含

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#09C"
android:padding="@dimen/widget_margin">

<ImageView
    android:id="@+id/widget_post_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:src="@drawable/placeholder_image_one" />
</LinearLayout>

- Bukunmi