使用URL创建带有图像的GridView

I never seam to be away from here at the minute, ha

哈,我从不接缝离开这里

i am having some issues with loading images from a url into a gridview using picasso

我在使用毕加索将图像从网址加载到gridview时遇到了一些问题

I have been following the tutorial from here

我一直在这里关注教程

http://developer.android.com/guide/topics/ui/layout/gridview.html#example

The tutorial is easy enough to follow, however it doesnt deal with bitmap images, so i attempted to use the imageView reference within the custom image adaptor to apply an image from a url to the ImageView

该教程很容易遵循,但它不处理位图图像,所以我试图使用自定义图像适配器中的imageView引用将图像从URL应用到ImageView

The expected result was the same image repeated a number times on the screen, however the app loads ok but the images are blank. The objects are there because they can be seen when touching the screen.

预期的结果是在屏幕上重复多次相同的图像,但应用程序加载正常但图像为空白。对象就在那里,因为在触摸屏幕时可以看到它们。

Main Activity Class

主要活动类

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.Toast;


public class MainActivity extends Activity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        //Call JSON
        // make call to json to get the information to display



        GridView gridview = (GridView) findViewById(R.id.gridview);
        gridview.setAdapter(new ImageAdapter(this));

        gridview.setOnItemClickListener(new OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View v,
                                    int position, long id) {
                Toast.makeText(MainActivity.this, "" + position,
                        Toast.LENGTH_SHORT).show();
            }
        });
    }


}

ImageAdapter Class

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

import com.squareup.picasso.Picasso;

public class ImageAdapter extends BaseAdapter {
    private Context mContext;

    public ImageAdapter(Context c) {
        mContext = c;
    }

    public int getCount() {
        return mThumbIds.length;
    }

    public Object getItem(int position) {
        return null;
    }

    public long getItemId(int position) {
        return 0;
    }

    // create a new ImageView for each item referenced by the Adapter
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView == null) {
            // if it's not recycled, initialize some attributes
            imageView = new ImageView(mContext);
            imageView.setLayoutParams(new GridView.LayoutParams(200, 200));
         //   imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
         //   imageView.setPadding(1, 1, 1, 1);
        } else {
            imageView = (ImageView) convertView;
        }

        // Picasso.with(this.mContext).load("http://www.bathchronicle.co.uk/user/lw-avatar/3541022/profileSmall1407142824456.png").into(imageView);

        String url = "http://www.500kgiveaway.co.uk/upload/images/1430572021716.jpg";

        Picasso.with(this.mContext).load(url)
                .resize(100, 100).into(imageView);

 //       imageView.setImageResource(mThumbIds[position]);


        return imageView;
    }

    // references to our images
    private Integer[] mThumbIds = {
            R.drawable.sample_2, R.drawable.sample_3,
            R.drawable.sample_4, R.drawable.sample_5,
            R.drawable.sample_6, R.drawable.sample_7,
            R.drawable.sample_0, R.drawable.sample_1,
            R.drawable.sample_2, R.drawable.sample_3,
            R.drawable.sample_4, R.drawable.sample_5,
            R.drawable.sample_6, R.drawable.sample_7,
            R.drawable.sample_0, R.drawable.sample_1,
            R.drawable.sample_2, R.drawable.sample_3,
            R.drawable.sample_4, R.drawable.sample_5,
            R.drawable.sample_6, R.drawable.sample_7
    };
}

1 个解决方案

#1

I ran your code. You probably forgot to add this permission, rest looks okay.

我运行了你的代码。你可能忘了添加这个权限,休息看起来没问题。

<uses-permission android:name="android.permission.INTERNET"/>

It's required for downloading images from internet.

这是从互联网下载图像所必需的。

Also you can enable logging to see what's going on behind the scene.

您还可以启用日志记录以查看场景背后发生的情况。

Picasso.with(this.mContext).setLoggingEnabled(true);

#1