在RecyclerView中显示包含其图像的ParseFile图像 [英] Displaying ParseFile Containing Images Using Their Urls In A RecyclerView

问题描述

我在Parse.com的一个表中存储了三张图像，我想使用它们的URL显示这三张图像.

I have three images stored in a table on Parse.com and I would like to display those three images using their URLs.

我已经检索了三个图像的URL，它们显示在RecyclerView中.您可以在我的屏幕截图中看到它.

I have retrieved the URLs of the three images and they are displayed in the RecyclerView. You can see this in my screen shot image.

那我该如何使用它们的URL显示这三个图像?

So how do I display these three images using their URLs?

我的主要活动:

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 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;
}
}

推荐答案

我建议您使用像Picasso，Glide，Fresco，ImageRequest(Volley)这样的库，该库具有许多功能可以帮助您完成此任务.

I recommend you use a library like Picasso, Glide, Fresco, ImageRequest(Volley) that has many features can facilitate you this task.

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();
        }
        }

别忘了将库导入到您的proyect中.

do not forget to import the library in your proyect.

查看此链接 http://inthecheesefactory.com /blog/get-to-know-glide-recommended-by-google/zh-CN

这篇关于在RecyclerView中显示包含其图像的ParseFile图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！