毕加索：将图像加载到小部件列表视图

Question

我正在根据本教程使用列表视图实现小部件：http://laaptu.wordpress.com/2013/07/24/populate-appwidget-listview-with-remote-datadata-from-web/（源代码：https://github.com/laaptu/appwidget-listview/tree/appwidget-listview2/）。

ListView 项目包含文本和图像，我使用 Picasso 加载图像。

getViewAt 实现：

public RemoteViews getViewAt(int position) {
    final RemoteViews remoteView = new RemoteViews(context.getPackageName(), R.layout.listview_item);
    ListItem listItem = listItemList.get(position);
    remoteView.setTextViewText(R.id.headline, listItem.headline);
    final String imageUrl = listItem.image;
    handler.post(new Runnable() {
        @Override
        public void run() {
            if (!Utils.isEmpty(imageUrl)) {
                picasso.load(imageUrl)
                        .placeholder(R.drawable.empty_photo)
                        .into(remoteView, R.id.picture, new int[] { appWidgetId });
            }
        }
    });

    return remoteView;
}

当图像加载时，它会破坏布局。

可能会出现什么问题？或者我做错了什么？

不加载图片：

图片加载后的样子：

更新：

如果我只添加几个嵌套的远程视图（全部从一个布局膨胀），也会发生同样的情况

更新 2：

报告了一个问题：https://github.com/square/picasso/issues/587

Answer 1

在自己解决了这个问题之后，我决定阻止后台线程是可以的（将 .get() 与 Picasso 一起使用）并且能够在我的适配器中得到以下工作：

    @Override
    public RemoteViews getViewAt(int position) {
        DBItem item = list.get(position);
        RemoteViews view = new RemoteViews(context.getPackageName(), R.layout.widget_item);
        try {
            Bitmap b = Picasso.with(context).load(item.getImageUrl()).get();
            view.setImageViewBitmap(R.id.widget_image, b);
        } catch (IOException e) {
            e.printStackTrace();
        }
        view.setTextViewText(R.id.widget_title, item.getTitle());
        return view;
    }

如果您知道返回的图像的大小（如果它始终相同或者您可以预测），您可能还想做这样的事情来减少调整大小的抖动：

    @Override
    public RemoteViews getLoadingView() {
        return new RemoteViews(context.getPackageName(), R.layout.v2_widget_item_loading);
    }

性能非常流畅，没有加载抖动，我对结果很满意。

Answer 2

现在已添加此支持，感谢 Square 的好人

我就是这样用的

Picasso.with(mContext)
.load(imagePath)
.into(remoteViews, R.id.some_id, new int[] {mAppWidgetId});

---

享受黄油般流畅的滚动:)

Answer 3

您可以像这样使用 Target Callback 来处理您的问题

 Picasso.with(mContext)
                        .load(imageUrl)
                        .placeholder(R.drawable.defimage)
                        .into(new Target() {
                            @Override
                            public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                                mRemoteViews.setImageViewBitmap(R.id.myImage,bitmap);
                            }

                            @Override
                            public void onBitmapFailed(Drawable errorDrawable) {
                                //do something when loading failed 
                            }

                            @Override
                            public void onPrepareLoad(Drawable placeHolderDrawable) {
                               //do something while loading                                }
                        });

更多详情请查看article