UI freezing while showing image into ImageView

Question

Inside my RecyclerView's row I have an ImageView and I want to preview this ImageView's image on the same activity (full screen preview)

and for that I'm doing this:

public void showImageZoomable(String imageURL) {

imageViewZoomable.setVisibility(View.VISIBLE);

DisplayImageOptions options = new DisplayImageOptions.Builder().cacheOnDisk(true).build();

imageLoader.loadImage(imageURL , options, new ImageLoadingListener() {
    @Override
    public void onLoadingStarted(String imageUri, View view) {

    }

    @Override
    public void onLoadingFailed(String imageUri, View view, FailReason failReason) {

    }

    @Override
    public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {

        imageViewZoomable.setImage(ImageSource.bitmap(loadedImage));
    }

    @Override
    public void onLoadingCancelled(String imageUri, View view) {

    }
});
toolBar.setVisibility(View.GONE);
getActivity().findViewById(R.id.tabs).setVisibility(View.GONE);

}

the above function gets triggered when user taps on ImageView (which is on Recyclerview's row) and it takes the url of that image (image is already cached) and assigns it to imageViewZoomable using imageLoader library

it works fine but the whole process is bit slow and laggy

any idea how can I improve it?? or the way I'm doing it is not efficient then please suggest me a better alternative

Answer 1

Try to use

  imageLoader.displayImage(imageURL, imageViewZoomable);

instead of

  imageLoader.loadImage(...);

Answer 2

U can use a fullscreen dialog (extends DialogFragment) to show a fullscreen image when user clicks the image in recyclerview item

Answer 3

You can use the below code if your custom class return imageView Object like imageViewZoomable.getImage() as a imageView so you can pass it like below.

imageLoader.displayImage(imageURL, imageViewZoomable.getImage());