GridView with many images results in slow/rough scrolling

In my app I have a GridView with many images (~100), layout similar to this one:

I'm testing my app on a HTC Desire HD. When I have 88 images in the gridview, the scrolling is smooth. Now, if I add 10 images, so I have 98 in total, there isn't anything close to smooth scrolling anymo开发者_StackOverflow中文版re - it's now "slow", more rough, it's like it's scrolling in big chunks.

This gridview is present in a TabLayout, in which I also have a ListView with many elements. When using 98 images in the gridview, also scrolling in this listview is affected. So it's like the whole application gets slower somehow (or uses more "power" than the phone can manage).

Is there any way I can optimize the gridview so it does not use so much power?

(PS: when using about 150 images, the application simply stops working (it disconnects, and no error is shown in the log/debug).)

Make sure you are recycling your images in the getView() method of the adapter. Something like this:

public View getView(int position, View convertView, ViewGroup parent) {

        // if it's not recycled, initialize some attributes
        if (convertView == null) {

            convertView = new View(...);

        }
...

instead of making new Views each time getView() is called.

In the end I went with the solution provided by NOSTRA here:

Lazy load of images in ListView

It works really well.

I don't code in Android but I'd suggest a lazy visibility approach. All your images appear to be the same size, so handle the scroll event and show only the images that can be seen on the current view frustum (the screen) while hiding the the rest.

My guess is, Android is using its processing power on the images that can't be seen during scrolling which causes the jitters.

Firstly, do not keep all your bitmaps in memory private Bitmap[] mBitmap;. That's probably what crashes your app. Read them from the filesystem with BitmapFactory.

Secondly, you should not scale your images in your adapter, that is expensive:

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

Try with a set of images that do not need to be scaled.