How to load images in recyclerview without affecting defined size in imageview?

Question

I am working with a Webservice from which I am fetching the images using retrofit. I am showing those images in imageView and used a recyclerview to load multiple images.
Here are my layout files:

and for the items I have:

And my Adapter class looks like: this is my adapter class name ImageAdapter.java

public class ImageAdapter extends RecyclerView.Adapter {

    DisplayImageOptions options = new DisplayImageOptions.Builder()
            .showImageOnLoading(R.drawable.newlogo)
            .showImageForEmptyUri(R.drawable.newlogo)
            .showImageOnFail(R.drawable.newlogo)
            .cacheInMemory(true)
            .cacheOnDisk(true)
            .considerExifParams(true)
            .bitmapConfig(Bitmap.Config.RGB_565)
            .build();

    private Context context;
    private List imageList;

    public ImageAdapter(Context context, List items) {
        this.context = context;
        this.imageList = items;
    }

    public Context getContext() {
        return context;
    }

    public void setContext(Context context) {
        this.context = context;
    }

    public List getImageList() {
        return imageList;
    }

    public void setImageList(List imageList) {
        this.imageList = imageList;
    }

    @NonNull
    @Override
    public SubsImageHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        LayoutInflater layoutInflater = LayoutInflater.from(context);
        View view = layoutInflater.inflate(R.layout.subscriptionimages, viewGroup, false);
        return new SubsImageHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull SubsImageHolder subsImageHolder, int i) {
       ThumbPojo item = imageList.get(i);
        subsImageHolder.textView.setText(item.getMovieName());
        subsImageHolder.imageView.setImageDrawable(null);
        subsImageHolder.imageView.layout(0,0,0,0);

        ImageLoader.getInstance().displayImage(item.getThumbnail(),subsImageHolder.imageView,options);

//        Glide.with(context)
//                .load(item.getThumbnail())
//                .into(subsImageHolder.imageView);

    }

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

     class SubsImageHolder extends RecyclerView.ViewHolder {

        ImageView imageView;
        TextView textView;

        public SubsImageHolder(@NonNull View itemView) {

            super(itemView);
            imageView = itemView.findViewById(R.id.imagethumb);
            textView = itemView.findViewById(R.id.nothing);
        }
    }
}

And my Main Activity where I am setting my adpater is : SubscriptionPlans.java:

 public class SubscriptionPlans extends AppCompatActivity {

    TextView planid, planname, planprice, noofmoviedownload, noofmovieviewed, sameviewed, samedownload, rentit, nomovi;
    Intent intent = getIntent();
    ImageView imageView3, imageView4;
    String one, two, three, four, five, six, seven, eight;
    List list;
    Button button;
    Button show, buy, cancel;
    int position;
    String allvalues;
    RelativeLayout linearLayout;
    String id;
    int userid, usertype;
    int po;
    String ress;
    public String subs;

    List list1;

    RecyclerView recyclerView;
    ImageAdapter imageAdapter;
    List imageList; 
    List images = new ArrayList<>();
    AVLoadingIndicatorView progressBar;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.premiumsubscriptionplans);
//        progressBar=findViewById(R.id.progressBar);
//        showProgressDialog();

       * recyclerView = findViewById(R.id.myrecyclerview);
        recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false));*

        userid = SharedPrefsHelper.getUserId(SharedPrefsHelper.USER_ID, 0);
        usertype = SharedPrefsHelper.getUserType(SharedPrefsHelper.USER_TYPE, 0);



        linearLayout = findViewById(R.id.linearlayoutimage);

        //  imageView4 = findViewById(R.id.imageView4);
        planid = findViewById(R.id.textView3);
        planname = findViewById(R.id.textView11);
        planprice = findViewById(R.id.textView13);
        noofmoviedownload = findViewById(R.id.textView14);
        noofmovieviewed = findViewById(R.id.textView15);
        sameviewed = findViewById(R.id.textView16);
        samedownload = findViewById(R.id.textView17);
        rentit = findViewById(R.id.textView19);
        TextView notshow = findViewById(R.id.planname);
        notshow.setVisibility(View.GONE);
        planid.setVisibility(View.GONE);

        button = findViewById(R.id.backplans);
        show = findViewById(R.id.showplans);
        buy = findViewById(R.id.buyplan);
        cancel = findViewById(R.id.cancelplan);


        id = getIntent().getStringExtra("planid");
        imageList = new ArrayList<>();

        Call> caller = ApiClient.getInstance().getApiService().getThumbimages(id);
        caller.enqueue(new Callback>() {
            @Override
            public void onResponse(Call> call, Response> response) {
                list =response.body();

//                JSONArray jsonArray=new JSONArray(list);
//                for(int i=0;i> call, Throwable t) {
                t.getMessage();
            }
        });

for image loading purposes I am using universal image loader. Now coming to the problem, when a single image is coming from the server then it is loaded according to the width and height mentioned in the imageview .but when two or more are coming the images' sizes are different.

I have tried almost all the solution from the internet but nothing works fine. I have also set the layout to (0,0,0,0) but that also not able to fix this.

Images are looking like this I don't know why?

letsintegreat · Accepted Answer

Change scaleType of ImageView in items to be center_crop, this will make the image of defined size (dps) and will crop the remaining portion off, making all the images of same size.

Like this:

How to load images in recyclerview without affecting defined size in imageview?

Answers (2)

Related Questions