Image Slider Using Viewpager. Freeze While Sliding

I'm created app, which gets images from gallery, shows in VewPager and we can slide it. There only problem is that if the image size is more than 1mb, the slide freezes, lagging. I

Solution 1:

Try this code

Picasso.with(mContext).
                    load(url) // from gallery load("file://" + url)
                    .centerCrop().placeholder(placeHolderRecource)
                    .resize(Utilities.dpToPx(100, mContext), Utilities.dpToPx(100, mContext)).into(imgView);


    publicstaticintdpToPx(int dp, Context mContext)
        {
            DisplayMetrics displayMetrics = mContext.getResources().getDisplayMetrics();
            int px = Math.round(dp * (displayMetrics.xdpi / DisplayMetrics.DENSITY_DEFAULT));
            return px;
    }

Solution 2:

Replace this linelistOfAllBitmap.add(BitmapFactory.decodeFile(absolutePathOfImage));

with

listOfAllBitmap.add(decodeBitmapURI(context, Uri.parse(new File(absolutePathOfImage).toString()), 700, 350););

Check below solution for Loading Large Images, as android docs:

public Bitmap decodeBitmapURI(Context context, Uri uri,int imageWidth, int imageHeight) {

        // First decode with inJustDecodeBounds=true to check dimensionsfinal BitmapFactory.Optionsoptions=newBitmapFactory.Options();
        options.inJustDecodeBounds = true;
        try {       
            BitmapFactory.decodeStream(context.getContentResolver().openInputStream(uri), null, options);
            // Calculate inSampleSize
            options.inSampleSize = calculateInSampleSize(options, imageWidth, imageHeight);

            // Decode bitmap with inSampleSize set
            options.inJustDecodeBounds = false;
            return BitmapFactory.decodeStream(context.getContentResolver().openInputStream(uri), null, options);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }  

        returnnull;
    }






    publicintcalculateInSampleSize(
            BitmapFactory.Options options, int reqWidth, int reqHeight) {
        // Raw height and width of imagefinalintheight= options.outHeight;
        finalintwidth= options.outWidth;
        intinSampleSize=1;

        if (height > reqHeight || width > reqWidth) {

            finalinthalfHeight= height / 2;
            finalinthalfWidth= width / 2;

            // Calculate the largest inSampleSize value that is a power of 2 and keeps both// height and width larger than the requested height and width.while ((halfHeight / inSampleSize) >= reqHeight
                    && (halfWidth / inSampleSize) >= reqWidth) {
                inSampleSize *= 2;
            }
        }

        return inSampleSize;
    }

Solution 3:

I used Glide, and this helped me.

publicclassImageAdapterextendsPagerAdapter {

privateImageView imageView;
privateContext context;
privateLayoutInflater inflater;
privateArrayList<String> listOfAllImages = newArrayList<>();

publicImageAdapter(Context context) {
    this.context = context;
    getAllShownImagesPath();
}


@Overridepublic int getCount() {
    return listOfAllImages.size();
}

@OverridepublicbooleanisViewFromObject(View view, Objectobject) {
    return view == object;
}

@OverridepublicObjectinstantiateItem(ViewGroup container, int position) {
    inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view = inflater.inflate(R.layout.photopager, null);
    imageView = (ImageView) view.findViewById(R.id.photoView2);

    Glide.with(context).load(listOfAllImages.get(position))
            .thumbnail(1f)
            .crossFade()
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .into(imageView);

    ViewPager viewPager = (ViewPager) container;
    viewPager.addView(view, 0);
    return view;
}

@OverridepublicvoiddestroyItem(ViewGroup container, int position, Objectobject) {
    ViewPager vp = (ViewPager) container;
    View view = (View) object;
    vp.removeView(view);
}

privatevoidgetAllShownImagesPath() {
    Uri uri;
    Cursor cursor;
    int column_index_data;
    String absolutePathOfImage;
    uri = android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI;

    String[] projection = {MediaStore.MediaColumns.DATA,
            MediaStore.Images.Media.BUCKET_DISPLAY_NAME};

    cursor = context.getContentResolver().query(uri, projection, null,
            null, null);

    column_index_data = cursor.getColumnIndexOrThrow(MediaStore.MediaColumns.DATA);
    while (cursor.moveToNext()) {
        absolutePathOfImage = cursor.getString(column_index_data);
        listOfAllImages.add(absolutePathOfImage);
    }

    cursor.close();
}
}