Volley的NetworkImageView没有显示在Spinner中

Question

我希望在网络上加载图片（使用Google Volley）并将其显示在旋转器文本旁边，但由于某种原因它没有显示出来。事实上，在Android SDK内部的某个测量方法中，适配器的getView方法会反复调用，convertView等于null。

以下是我的适配器代码：

public class CategoriesSpinnerAdapter extends ArrayAdapter<Category> {
private LayoutInflater mLayoutInflater;

public CategoriesSpinnerAdapter(Context context, List<Category> objects) {
    super(context, 0, objects);
    mLayoutInflater = LayoutInflater.from(context);
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if(convertView == null) {
        convertView = mLayoutInflater.inflate(R.layout.item_spinner_category, parent, false);
    }

    final TextView categoryTitle = (TextView) convertView.findViewById(R.id.scategory_title);
    categoryTitle.setText(getItem(position).getName());

    final NetworkImageView categoryImage = (NetworkImageView) convertView.findViewById(R.id.scategory_image);
    ImageUtils.load(categoryImage, getItem(position).getIcon());

    return convertView;
}

@Override
public View getDropDownView(int position, View convertView, ViewGroup parent) {
    if(convertView == null) {
        convertView = mLayoutInflater.inflate(R.layout.simple_spinner_category, parent, false);
    }

    final TextView categoryTitle = (TextView) convertView.findViewById(R.id.spinner_item_title);
    categoryTitle.setText(getItem(position).getName());

    final NetworkImageView categoryImage = (NetworkImageView)  convertView.findViewById(R.id.spinner_item_image);
    ImageUtils.load(categoryImage, getItem(position).getIcon());

    return convertView;
}
}

item_spinner_category.xml:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:background="@drawable/top_bar_select_icon" />

<TextView
    android:id="@+id/scategory_title"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_centerInParent="true"
    android:textColor="@android:color/white" />


<com.android.volley.toolbox.NetworkImageView
    android:id="@+id/scategory_image"
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:layout_alignParentRight="true"
    android:layout_marginRight="3dp"
    android:layout_centerVertical="true"
    android:src="@drawable/spinner_games_icon"/>

</RelativeLayout>

simple_spinner_category.xml:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/spinner_item_title"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:textSize="14sp"
    android:gravity="center"
    android:textColor="@android:color/white"
    android:background="@drawable/bottom_button_selector"/>

<com.android.volley.toolbox.NetworkImageView
    android:id="@+id/spinner_item_image"
    android:layout_width="32dp"
    android:layout_height="32dp"
    android:layout_alignParentRight="true"
    android:layout_marginRight="3dp"
    android:layout_centerVertical="true" />

</RelativeLayout>

在 Volley 下载网络图片之前，R.id.scategory_image 的静态图像会短暂地显示。

getDropDownView 函数表现良好，在下拉视图中文本旁边显示图像，但是主视图似乎没有这种情况。

您有什么想法吗？

- Eduard B.

---

你找到解决方案了吗？我目前也面临着同样的问题。不想将图像移动到旋转器之外... - MattWilliams89

很遗憾，我没有 :( - Eduard B.

Answer 1

今天我也遇到了同样的问题。由于没有答案，我想分享我的解决方法，希望对其他人有所帮助。

查看NetworkImageView源代码，我发现“问题”在这里：

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    loadImageIfNecessary(true);
}

因此，只是因为我不想接触这个很棒的框架，所以我创建了一个SpinnerNetworkImageView(从原始NewtworkImageView中复制并粘贴)自定义了该方法：

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    loadImageIfNecessary(false); // <-- look @ 'false' 
}

现在一切都正常工作。

另一种方法是在您的适配器中使用普通的ImageView并执行ImageRequest：

Response.ErrorListener errorListener = ...

Response.Listener<Bitmap> listener = new Response.Listener<Bitmap>() {
    @Override
public void onResponse(Bitmap bitmap) {
    holder.picture.setImageBitmap(bitmap);
    }
};

ImageRequest req = new ImageRequest(
    url, listener, width, height, Config.ARGB_8888, errorListener);

requestQueue.add(request);

但是我选择了第一种解决方案。

- Luca Sepe

Answer 2

我不明白为什么你要使用ImageUtils.load。我是用Volley这种方式来加载图片的：

NetworkImageView imageViewIcon = (NetworkImageView) itemView.findViewById(R.id.imageViewIcon);

    if (imageViewIcon != null && get(position).getPhotos() != null && get(position).getPhotos().length > 0) {
        imageViewIcon.setImageUrl(get(position).getPhotos()[0], Application.get().getImageLoader());
    }

而且imageLoader在应用程序中

public void onCreate() {
    super.onCreate();
    sInstance = this;

    RequestQueue queue = Volley.newRequestQueue(this);
    mApi = new Test_Api(queue);

    ImageLoader.ImageCache imageCache = new ImageLoader.ImageCache() {
        @Override
        public void putBitmap(String key, Bitmap value) {
            mImageCache.put(key, value);
        }

        @Override
        public Bitmap getBitmap(String key) {
            return mImageCache.get(key);
        }
    };

    mImageLoader = new ImageLoader(queue, imageCache);

}

- maxxxo

---

ImageUtils.load是我定义的一个辅助函数，它执行的操作与你的两行代码大致相同。我很确定问题不在那里，因为我在项目中到处使用它，并且它可以正常工作。就像我之前所说，视图会一遍又一遍地被测量，原因不明... 无论如何，我将图标移到了旋转器外面，问题消失了，但我对这个解决方案并不是很满意。 - Eduard B.

正如Edy Bolos所说，这不是问题。 - MattWilliams89