在 RecyclerView 中使用 Urls 显示包含图像的 ParseFile

Question

我在 Parse.com 上的 table 中存储了三张图片，我想使用它们的 URL 显示这三张图片。

我已检索到三张图片的网址，它们显示在 RecyclerView 中。你可以在我的屏幕截图中看到这个。

那么如何使用它们的 URL 显示这三张图片？

我的主要 ACTIVITY:

public class RecyclerViewActivity extends Activity {

private List<Person> persons;
private RecyclerView rv;



@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.recyclerview_activity);

    rv=(RecyclerView)findViewById(R.id.rv);

    LinearLayoutManager llm = new LinearLayoutManager(this);
    rv.setLayoutManager(llm);
    rv.setHasFixedSize(true);

    initializeData();
    initializeAdapter();
}

private void initializeData(){
    persons = new ArrayList<>();

    //Query to load String data into the card view/recycler view
    ParseQuery<ParseObject> query = ParseQuery.getQuery("events");
    query.findInBackground(new FindCallback<ParseObject>() {
        @Override
        public void done(List<ParseObject> objects, ParseException e) {

            if (e == null) {

                for (int i = 0; i < objects.size(); i++) {



                    persons.add(new Person(objects.get(i).getString("name"), objects.get(i).getString("shortinfo"), objects.get(i).getParseFile("image"), img[i]));

                }
            } else {
                // something went wrong
            }


            initializeAdapter();
        }
    });

     }

private void initializeAdapter(){
    RVAdapter adapter = new RVAdapter(persons);
    rv.setAdapter(adapter);
}
}

我的适配器：

public class RVAdapter extends RecyclerView.Adapter<RVAdapter.PersonViewHolder> {

public static class PersonViewHolder extends RecyclerView.ViewHolder {

    CardView cv;
    TextView personName;
    TextView personAge;
    ParseImageView personPhoto;
    TextView personPhoto1;

    PersonViewHolder(View itemView) {
        super(itemView);
        cv = (CardView)itemView.findViewById(R.id.cv);
        personName = (TextView)itemView.findViewById(R.id.person_name);
        personAge = (TextView)itemView.findViewById(R.id.person_age);
        personPhoto = (ParseImageView)itemView.findViewById(R.id.person_photo);
        personPhoto1 = (TextView)itemView.findViewById(R.id.person_photo1);

    }
}

List<Person> persons;

RVAdapter(List<Person> persons){
    this.persons = persons;
}

@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
    super.onAttachedToRecyclerView(recyclerView);
}

@Override
public PersonViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
    PersonViewHolder pvh = new PersonViewHolder(v);
    return pvh;
}

@Override
public void onBindViewHolder(PersonViewHolder personViewHolder, int i) {
    personViewHolder.personName.setText(persons.get(i).name);
    personViewHolder.personAge.setText(persons.get(i).age);
    personViewHolder.personPhoto.setParseFile(persons.get(0).photoId);
    personViewHolder.personPhoto1.setText(persons.get(i).photoId1);
    //personViewHolder.personPhoto.setParseFile(persons.get(2).photoId);


}

@Override
public int getItemCount() {
    return persons.size();
}
}

我的 CLASS 包含我的回收站视图数据：

class Person {
String name;
String age;
ParseFile photoId;
String photoId1;

Person(String name, String age, ParseFile photoId,String photoId1) {
    this.name = name;
    this.age = age;
    this.photoId = photoId;
    this.photoId1 = photoId1;
}
}

Answer 1

我建议你使用 Picasso、Glide、Fresco、ImageRequest(Volley) 等具有许多功能的库可以帮助你完成此任务。

Picasso.with(context).load("http://www.tecnologia.net/wp-content/uploads/2015/05/Los-mejores-trucos-para-Android.png").into(yourImageView);

Glide.with(context).load("http://www.tecnologia.net/wp-content/uploads/2015/05/Los-mejores-trucos-para-Android.png").into(yourImageView);

你应该使用 imageView

Glide.with(context).load("your_link_from_parse").into(yourImageView);

您的适配器

    public class RVAdapter extends RecyclerView.Adapter<RVAdapter.PersonViewHolder> {

        public static class PersonViewHolder extends RecyclerView.ViewHolder {

            CardView cv;
            TextView personName;
            TextView personAge;

            ParseImageView personPhoto;
            TextView personPhoto1;

            PersonViewHolder(View itemView) {
                super(itemView);
                cv = (CardView)itemView.findViewById(R.id.cv);
                personName = (TextView)itemView.findViewById(R.id.person_name);
                personAge = (TextView)itemView.findViewById(R.id.person_age);
                personPhoto = (ParseImageView)itemView.findViewById(R.id.person_photo);
                personPhoto1 = (TextView)itemView.findViewById(R.id.person_photo1);

            }
        }

        List<Person> persons;

        RVAdapter(List<Person> persons){
            this.persons = persons;
        }

        @Override
        public void onAttachedToRecyclerView(RecyclerView recyclerView) {
            super.onAttachedToRecyclerView(recyclerView);
        }

        @Override
        public PersonViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
            View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
            PersonViewHolder pvh = new PersonViewHolder(v);
            return pvh;
        }

        @Override
        public void onBindViewHolder(PersonViewHolder personViewHolder, int i) {
            personViewHolder.personName.setText(persons.get(i).name);
            personViewHolder.personAge.setText(persons.get(i).age);
            //personViewHolder.personPhoto.setParseFile(persons.get(0).photoId);
//personPhoto should be ImageView or your CustomImageView
    Glide.with(personViewHolder.personPhoto.getContext())
                    .load(persons.get(0).photoId)
                    .fitCenter()
                    .into(personViewHolder.personPhoto);
            personViewHolder.personPhoto1.setText(persons.get(i).photoId1);
            //personViewHolder.personPhoto.setParseFile(persons.get(2).photoId);


        }

        @Override
        public int getItemCount() {
            return persons.size();
        }
        }

不要忘记在您的项目中导入库。

看这个linkhttp://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en

Answer 2

我给你举个例子。此示例将依赖于使用 Picasso（Glide 也可以！）因为您可能需要对许多图像执行此操作，并且使用 Picasso 可以节省时间。

首先，通过Gradle添加毕加索：

compile 'com.squareup.picasso:picasso:2.5.2'

其次，对单张图片进行如下示例：

ParseFile image = persons.get(i).getParseFile("imageName");
Uri imageUri = Uri.parse(image.getUrl());
Picasso.with(context).load(uri.toString()).into(imageView);

请注意这是多么容易，因为您要保存 Parse，请使用适当的命名（即 image_01234.jpg）保存文件，其中结束位是时间戳或您有什么。

在 RecyclerView 中使用 Urls 显示包含图像的 ParseFile

Displaying ParseFile Containing Images Using Their Urls In A RecyclerView

android

adapter

parse-platform

picasso

android-recyclerview