How to avoid image flickering in a listview

user_3671509 0
Viewed 3499

I have a listivew that display a bunch of images. am using Universal Image Loader to load this images from files to imageviews.

This images have different dimensions and i want all of them to have same width but different height in respect to each image aspect ratio.

To achieve this, i have tried setting the following to my imageview

<ImageView
   android:layout_width = "400dp"
   android:layout_height="wrap_content"
   android:scaleType="centerCrop"
   android:adjustViewBounds="true"/>

The issue with this method is that there is a lot of flickering when one scrolls the listview since imageview height is not known in advance and images have to be scaled first using my width to calculate each image height in respect to it's aspect ratio.

How can i calculate each image height in advance instead of letting imageview handle it?

if i have an image which is 400 X 700, and i want the imageview to be 300px wide, how can i calculate imageview's height using my image dimension and maintain image aspect ratio? this can help avoid flickering wnen one scroll the listview.

universal-image-loader android-imageview android image
5 Answers

my suggestion is to use grid view to avoid flickering of images it will load at first time if it is same url , it will load from cache

 Glide.with(mContext)
            .load(item.getImageUrl())
            .into(holder.mIVGridPic);
user_56717420
Related