如何从ParseObject获取图像？

Question

I am using this code to get Strings of names and ages from my ParseObject in Parse. I assumed I can do the same for imagefiles as well. But this code doesn't work for the images. I may have done it wrong. or maybe I need to do something totally different. Can someone help me to get my imagefile from parseObject ? Thank you

public class MyAdapter extends ArrayAdapter<ParseObject> {

protected Context mContext;
protected List<ParseObject> MyPerson;

public MyAdapter (Context context, List<ParseObject> MyPerson){
    super(context, R.layout.scustomlayout, MyPerson);
    mContext = context;
    mPerson = MyPerson;
}

@Override
public View getView (final int position, View convertView, ViewGroup Parent){
    final ViewHolder holder;

    if(convertView == null) {
      convertView = LayoutInflater.from(mContext).inflate(R.layout.personcustomlayout, null);
        holder = new ViewHolder();
        holder.NameMain = (TextView) convertView.findViewById(R.id.NameHP);
        holder.AgeMain = (TextView) convertView.findViewById(R.id.AgeHP);
        holder.ImageMain = (ImageView) convertView.findViewById(R.id.ImageHP);

        convertView.setTag(holder);


    }else {
        holder = (ViewHolder) convertView.getTag();
    }

        ParseObject personObject = mPerson.get(position);


        //name
        String name = personObject.getString("Name");
        holder.NameMain.setText(name);

        //Age
        String age = personObject.getString("Age");
        holder.AgeMain.setText(age);

        ParseFile image = (ParseFile) personObject.get("Image");
        image.getDataInBackground(new GetDataCallback() {
            public void done(byte[] data, ParseException e) {
                if (e == null) {
                    // Decode the Byte[] into bitmap
                    Bitmap bmp = BitmapFactory.decodeByteArray(data, 0, data.length);
                    // Set the Bitmap into the imageView
                    holder.ImageMain.setImageBitmap(bmp);
                } else {
                    Log.d("test", "There was a problem downloading the data.");
                }
            }
        });

    return convertView;
}

public static class ViewHolder {
    ImageView ImageMain;
    TextView NameMain;
    TextView AgeMain;
}
}

Answer 1

ParseFile image = (ParseFile) personObject.get("Image");
image.getDataInBackground(new GetDataCallback() {
    public void done(byte[] data, ParseException e) {
        if (e == null) {
            // Decode the Byte[] into bitmap
            Bitmap bmp = BitmapFactory.decodeByteArray(data, 0,data.length);
            // Set the Bitmap into the imageView
            holder.ImageMain.setImageBitmap(bmp);
        } else {
            Log.d("test", "There was a problem downloading the data.");
        }
    }
});

Also, add this to the imports:

import com.parse.ParseException;

Answer 2

An easier and better option would be to get the file URL and load it into the ImageView via a third party library such as Picasso or Glide . This way, your code is less cumbersome, your ListView will scroll smoothly and your won't encounter OOM error too often.

ParseFile image = (ParseFile) personObject.get("Image");
String url = image.getUrl();

// With Picasso
Picasso.with(mContext).load(url).into(holder.ImageMain);

// With Glide
Glide.with(mContext).load(url).into(holder.ImageMain);

There is no need to create the new String object url , you could do it directly, I just did it to make it easier to understand.

Also, it would be better to save the URL to the MyPerson object when you run the ParseQuery, this will make your images load faster