Loading image from server using glide in viewholder

Question

public class MyAdapter_home extends RecyclerView.Adapter<MyAdapter_home.MyAdapter_HomeViewHolder> {


private List<Datum> data;
private List<Datum2>data2;
private int rowLayout;
private Context context;
PopupMenu popupMenu ;


public MyAdapter_home(List<Datum> data, int rowLayout, Context context) {
    this.data = data;
    this.rowLayout = rowLayout;
    this.context = context;
}



@Override
public MyAdapter_HomeViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.card_item_home, parent, false);
    return new MyAdapter_HomeViewHolder(view);
}

@Override
public void onBindViewHolder(final MyAdapter_HomeViewHolder holder, final int position) {



    holder.userNameTV.setText(data.get(position).getUserInfo().getFullName());
    holder.msgBodyTV.setText(data.get(position).getBody());
    holder.originator_iD.setText(data.get(position).getUserInfo().getId().toString());
    holder.imV.setImageURI(Uri.parse(Uri.parse(data.get(position).getUserInfo().getAvatar()).getPath()));
    holder.owner_type_ET.setText("1");
    holder.subject_ET.setText("Message");




    holder.mCardView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            Intent intent = new Intent(view.getContext(), Single_Message.class);
            intent.putExtra("ORIGINATOR_ID", holder.originator_iD.getText().toString());
            intent.putExtra("OWNER_TYPE", holder.owner_type_ET.getText().toString());
            intent.putExtra("SUBJECT", holder.subject_ET.getText().toString());
            intent.putExtra("USERNAME", holder.userNameTV.getText().toString());
            view.getContext().startActivity(intent);


        }
    });

    holder.mCardView.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(final View view) {

            popupMenu = new PopupMenu(view.getContext(), view);
            popupMenu.setOnDismissListener(new PopupMenu.OnDismissListener() {
                @Override
                public void onDismiss(PopupMenu menu) {

                }
            });
            popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                @Override
                public boolean onMenuItemClick(MenuItem item) {
                    switch (item.getItemId()) {
                        case R.id.lang_java:
                            Intent intent = view.getContext().getPackageManager().getLaunchIntentForPackage("com.freemig.social");
                            if (intent != null) {
                                // We found the activity now start the activity
                                intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                                view.getContext().startActivity(intent);
                            } else {
                                // Bring user to the market or let them choose an app?
                                intent = new Intent(Intent.ACTION_VIEW);
                                intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                                intent.setData(Uri.parse("market://details?id=" + "com.freemig.social"));
                                view.getContext().startActivity(intent);
                            }
                            return true;
                        case R.id.lang_android:
                            Toast.makeText(view.getContext(), "Mute Conversation clicked",
                                    Toast.LENGTH_SHORT).show();
                            return true;
                        case R.id.lang_python:
                            Toast.makeText(view.getContext(), "Remove User clicked",
                                    Toast.LENGTH_SHORT).show();
                            return true;
                        case R.id.lang_ruby:
                            Toast.makeText(view.getContext(), "Block User clicked",
                                    Toast.LENGTH_SHORT).show();
                            return true;
                    }
                    return false;
                }
            });
            popupMenu.inflate(R.menu.popup_home_long_click);
            popupMenu.show();
            return false;
        }
    });
}

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

public static class MyAdapter_HomeViewHolder extends RecyclerView.ViewHolder {

    TextView userNameTV;
    TextView msgBodyTV;
    CardView mCardView;
    TextView originator_iD;
    ImageView imV;
    String s;

    ConversationAPIService conversationAPIService;
    EditText owner_type_ET, subject_ET;


    public MyAdapter_HomeViewHolder(View itemView) {
        super(itemView);
        userNameTV = (TextView) itemView.findViewById(R.id.username);
        msgBodyTV = itemView.findViewById(R.id.msgbody);
        mCardView = (CardView) itemView.findViewById(R.id.card_view);
        originator_iD = itemView.findViewById(R.id.frIdET);
        imV = itemView.findViewById(R.id.iv_image);
        owner_type_ET = (EditText) itemView.findViewById(R.id.owner_typeET);
        subject_ET = (EditText) itemView.findViewById(R.id.subjectET);
    }
}
}

This is my adapter class for a recyclerView. I want to show image avatar from here. I don't understand how to it. What I tried -

Glide documentation but not understand
In stackoverflow everyone use static URL that previously defined.But my url is generating randomly and how to use that URL
I tried to use bitmap. but can't figure it out. How to do it?

score 3 · Accepted Answer · answered Aug 13 '17 at 08:32

3

You can log like this,

Uri uri = Uri.parse(Uri.parse(data.get(position).getUserInfo().getAvatar()).getPath());
Glide.with(context).load(uri).into(holder.imV);

answered Aug 13 '17 at 08:32

Muthukrishnan Rajendran

11,122
3
31
41

Not solved.Give this error :Load failed for /uploads/images/9b4fcad355f6ffdd15950226ad2773e5.jpeg with size [131x122] class com.bumptech.glide.load.engine.GlideException: Failed to load resource – Tanvir Durlove Aug 13 '17 at 09:15
**/uploads/images/9b4fcad355f6ffdd15950226ad2773e5.jpeg** is this ur web path..? – Muthukrishnan Rajendran Aug 13 '17 at 10:10
actually as I'm using rest api service it returns me this url in console with mentioned error. @Muthukrishnan Rajendran – Tanvir Durlove Aug 13 '17 at 10:11
Then try adding your rest API base url + data.get(position).getUserInfo().getAvatar() to load in glide, like this, **Glide.with(context).load([RestAPI base url] + data.get(position).getUserInfo().getAvatar()).into(holder.imV);** – Muthukrishnan Rajendran Aug 13 '17 at 10:14
what error you got..? If you get same eror check the complete URl in that error, you might miss "/" between baseurl and the dynamic remaning url – Muthukrishnan Rajendran Aug 13 '17 at 10:20
is glide view can load music files – bhupathi turaga Nov 02 '18 at 06:09
@bhupathituraga Glide not supports Music file, Its only for Image files – Muthukrishnan Rajendran Jan 19 '19 at 20:16

Upendra Shah · Answer 2 · 2018-01-23T05:05:56.617

2

You can use Picasso library. Image loading using Picasso is very easy, you can do it like this way:

Uri imageURI = Uri.parse(Uri.parse(data.get(position).getUserInfo().getAvatar()).getPath());
Picasso.with(context).load("imageURI").into(holder.imV);

and in their website you can get every details.

and another library is Glide. You can use Glide too for loading image.

You can also use Glide:

Uri imageURI = Uri.parse(Uri.parse(data.get(position).getUserInfo().getAvatar()).getPath());
Glide.with(context).load(imageURI).asBitmap().placeholder(R.drawable.placeholder)
         .error(R.drawable.error).into(holder.imV);

edited Jan 23 '18 at 05:05

answered Aug 13 '17 at 08:46

Upendra Shah

2,218
17
27

I'm using Glide. It gives .asBitmap() error Error:(65, 17) error: cannot find symbol method asBitmap() . I dont understand how to solve. – Tanvir Durlove Aug 13 '17 at 09:22
what is in your image?? its url or uri?? – Upendra Shah Aug 14 '17 at 04:44
it was url and solved by using this. **Glide.with(context).load([RestAPI base url] + data.get(position).getUserInfo().getAvatar()).into(holder.im‌V);** – Tanvir Durlove Aug 14 '17 at 22:20

Rahul Patil · Answer 3 · 2018-01-22T04:23:26.913

You can also used UniversalImageLoader library.

    universalImageLoader imageLoader =new universalImageLoader();

  imageLoader.loadImage(imageUri, targetSize, options, new SimpleImageLoadingListener() {
      @Override
      public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
        // use your bitmap …
      }
    });

For more information refer Android-Universal-Image-Loader

OR

You can used Glide Library in your Application. and you used load image in any adapter class so try this .

  String url = your_array_list.get(position); 

 GlideApp.with(myFragment).load(url).centerCrop()
.placeholder(R.drawable.loading_spinner)
.into(myImageView);

For more information refer glide

score 1 · Answer 4 · answered Aug 13 '17 at 08:36

1

Try this :

 GlideApp
    .with(context)
    .load(url)
    .centerCrop() //cropping center image 
    .placeholder(R.drawable.loading_spinner) //placeholder while loading image 
    .into(viewHodler.myImageView);

answered Aug 13 '17 at 08:36

ND1010_

3,743
24
41

Shweta Chauhan · Answer 5 · 2017-08-13T08:54:59.067

0

Try this:

Glide.with(context)
.load("your image url")
.into(holder.imV);

edited Aug 13 '17 at 08:54

answered Aug 13 '17 at 08:31

Shweta Chauhan

6,739
6
37
57

It returns this error Request threw uncaught throwable com.bumptech.glide.Registry$NoModelLoaderAvailableException: Failed to find any ModelLoaders for model: – Tanvir Durlove Aug 13 '17 at 09:26

Loading image from server using glide in viewholder

5 Answers5