帶你從頭到尾梳理大圖片加載OOM處理問題

我們在編寫Android程序的時候經常要用到許多圖片，不同圖片總是會有不同的形狀、不同的大小，但在大多數情況下，這些圖片都會大於我們程序所需要的大小。比如說系統圖片庫裡展示的圖片大都是用手機攝像頭拍出來的，這些圖片的分辨率會比我們手機屏幕的分辨率高得多。大家應該知道，我們編寫的應用程序都是有一定內存限制的，程序占用了過高的內存就容易出現OOM(OutOfMemory)異常。

先看一個栗子:主要功能為:ListView 的滑動列表展示,每個條目是一張圖片

xml主頁面布局

ListView 的item 布局

布局界面非常簡單,不用多說什麼,java代碼

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new MyAdapter());
    }
    class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return 50;
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

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

            View view = View.inflate(MainActivity.this, R.layout.list_item, null);
            ImageView imageView = (ImageView) view.findViewById(R.id.imageView);

            imageView.setImageResource(R.drawable.girl);//完全顯示圖片大小,ListView 滑動界面異常卡頓

            return view;
        }

    }

由於我們測試的圖片非常大,屬於超清的那種,我們用默認的imageView.setImageResource(R.drawable.girl) 方法,是完全顯示此高清圖片,此時
在模擬器上運行之後,雖然能夠顯示,但是界面灰常卡頓有木有,可以說根本劃不動的,口說無憑,上圖
唉!不好意思沒圖了,本來已經錄好圖了,奈何超過2M沒法上傳,總之就是很卡很卡啦

看看,不騙人,真的很卡呀!!!

然後,接下來我們就要解決這個問題了,怎麼解決呢,我們通過思考就會發現,其實造成這種結果單位主要原因就是要顯示的圖片太大了,我們完全不需要展示這麽大的圖片,沒錯我們可以把圖片壓縮一下,比如壓縮成 100*100 的啦.<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwPtT1w7TRucv1xNgsyuzPpCBCaXRtYXAg1eK49kFwabXExfPT0cPHv8+2qLvhz+u1vdT1w7TX9sHLLLK7yuzPpLXE0rLDu7nYz7Uszca89tK7xqqyqb/NuPi087zSv7S/tDo8YSBocmVmPQ=="http://blog.csdn.net/guolin_blog/article/details/9316683">http://blog.csdn.net/guolin_blog/article/details/9316683

我們主要使用的就是BitmapFactory.decodeResource()方法,該方法有多個重載,我們使用
decodeResource (Resources res,
int id,
BitmapFactory.Options opts)(該方法返回一個Bitmap對象.)
和 BitmapFactory.Options() 這個類該類可以對要加載的圖片進行配置

下面我給出代碼詳細注釋:

首先創建一個方法 decodeSampleBitmapFromResource() 主要來把大圖片解析為適當的圖片

public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
        // 第一次解析將inJustDecodeBounds設置為true，來獲取圖片大小
        BitmapFactory.Options options = new BitmapFactory.Options();
        //將這個參數的inJustDecodeBounds屬性設置為true就可以讓解析方法禁止為bitmap分配內存
        options.inJustDecodeBounds = true;

        /*解析源圖片,返回一個 bitmap 對象,當 options.inJustDecodeBounds = true;
        禁止為bitmap分配內存，返回值也不再是一個Bitmap對象，而是null。雖然Bitmap是null了，
         但是BitmapFactory.Options的outWidth、outHeight和outMimeType屬性都會被賦值。
         這個技巧讓我們可以在加載圖片之前就獲取到圖片的長寬值和MIME類型，從而根據情況對圖片進行壓縮*/
        BitmapFactory.decodeResource(res, resId, options);

        // 這個方法用來計算inSampleSize值
        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
        // 使用獲取到的inSampleSize值再次解析圖片
        options.inJustDecodeBounds = false;

        /*計算完inSampleSize 的合適大小後,需要把 options.inJustDecodeBounds = false;
        然後把再 BitmapFactory.decodeResource(res,resId,options)
        此時  options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一個bitmap對象給 imageView.setImageBitmap()方法
        從而顯示一個合適大小的圖片
        */
        return BitmapFactory.decodeResource(res, resId, options);

    }

calculateInSampleSize(options, reqWidth, reqHeight); 的實現

  /*計算出合適的inSampleSize值：*/
    public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
        //源圖片的高度和寬度
        final int height = options.outHeight;//得到要加載的圖片高度
        final int width = options.outWidth;
        int inSampleSize = 1;
        if (height > reqHeight || width > reqWidth) {
            //計算出實際寬高和目標寬高的比例
            final int heightRatio = Math.round((float) height / (float) reqHeight);
            final int widthRatio = Math.round((float) width / (float) reqWidth);

            // 選擇寬和高中最小的比率作為inSampleSize的值，這樣可以保證最終圖片的寬和高
            // 一定都會大於等於目標的寬和高。
            inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;

        }
        return inSampleSize;

    }

上面是對用到的兩個自定義的方法的解釋,把他倆用到 主Java 代碼中如下:

最後給出java完整程序

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new MyAdapter());
    }

    class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return 50;
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

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

            View view = View.inflate(MainActivity.this, R.layout.list_item, null);
            ImageView imageView = (ImageView) view.findViewById(R.id.imageView);
           // imageView.setImageResource(R.drawable.girl);//完全顯示圖片大小,ListView 滑動界面異常卡頓

            //對非常大的圖片進行壓縮顯示(壓縮成100*100顯示),以適合的寬高顯示大小
            imageView.setImageBitmap(decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100));
            return view;
        }

    }

    /*計算出合適的inSampleSize值：*/
    public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
        //源圖片的高度和寬度
        final int height = options.outHeight;//得到要加載的圖片高度
        final int width = options.outWidth;
        int inSampleSize = 1;
        if (height > reqHeight || width > reqWidth) {
            //計算出實際寬高和目標寬高的比例
            final int heightRatio = Math.round((float) height / (float) reqHeight);
            final int widthRatio = Math.round((float) width / (float) reqWidth);

            // 選擇寬和高中最小的比率作為inSampleSize的值，這樣可以保證最終圖片的寬和高
            // 一定都會大於等於目標的寬和高。
            inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;

        }
        return inSampleSize;

    }

    public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
        // 第一次解析將inJustDecodeBounds設置為true，來獲取圖片大小
        BitmapFactory.Options options = new BitmapFactory.Options();
        //將這個參數的inJustDecodeBounds屬性設置為true就可以讓解析方法禁止為bitmap分配內存
        options.inJustDecodeBounds = true;

        //解析源圖片,返回一個 bitmap 對象,當 options.inJustDecodeBounds = true;
        /*禁止為bitmap分配內存，返回值也不再是一個Bitmap對象，而是null。雖然Bitmap是null了，
         但是BitmapFactory.Options的outWidth、outHeight和outMimeType屬性都會被賦值。
         這個技巧讓我們可以在加載圖片之前就獲取到圖片的長寬值和MIME類型，從而根據情況對圖片進行壓縮*/
        BitmapFactory.decodeResource(res, resId, options);

        // 調用上面定義的方法計算inSampleSize值
        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
        // 使用獲取到的inSampleSize值再次解析圖片
        options.inJustDecodeBounds = false;

        /*計算完inSampleSize 的合適大小後,需要把 options.inJustDecodeBounds = false;
        然後把再 BitmapFactory.decodeResource(res,resId,options)
        此時  options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一個bitmap對象給 imageView.setImageBitmap()方法
        從而顯示一個合適大小的圖片
        */
        return BitmapFactory.decodeResource(res, resId, options);

    }


}

我們把 imageView.setImageResource(R.drawable.girl);//完全顯示圖片大小,ListView 滑動界面異常卡頓 這行代碼,改為這樣寫

 //對非常大的圖片進行壓縮顯示(壓縮成100*100顯示),以適合的寬高顯示大小
imageView.setImageBitmap(decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100));

運行一下,上效果圖:

很順了有木有,呵呵,看不要高興太早額

在我快速的來回滑動當中,然後就

並且報了下面的異常信息

很明顯的OOM了有木有,那我們又該用啥辦法解決呢,仔細思考我們有發現了問題的關鍵所在,就是ListView 條目的圖片快速加載,快速釋放,在某一時刻,圖片加載過多,導致了 OOM 的問題.我們自然就可以想到,能不能別讓滾出屏幕的圖片離開呢,是不是可以把他們緩存起來呢,

所以,如果朋友們熟悉LruCache 這個類的話,又會想到解決方案了,不熟悉的也沒關系,我還是會給出詳細注釋的:

首先看 我們自定義的 initLruCache(); 方法,在 onCreate() 方法中調用

 /**
     * 初始化緩存
     */
    private void initLruCache() {

        // 獲取到可用內存的最大值，使用內存超出這個值會引起OutOfMemory異常。
        // LruCache通過構造函數傳入緩存值，以KB為單位。
        int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
        // 使用最大可用內存值的1/8作為緩存的大小。
        int cacheSize = maxMemory / 8;

        mMemoryCache = new LruCache(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap bitmap) {
                // 重寫此方法來衡量每張圖片的大小，默認返回圖片數量。
                return bitmap.getByteCount() / 1024;
            }
        };
    }

然後再ListView 的適配器中的 getView() 方法中給ImageView 設置圖片時,吧圖片從緩存中取出,放入就行了

  String imageKey = String.valueOf(R.drawable.girl);//得到資源id的唯一標示
            Bitmap bitmap = mMemoryCache.get(imageKey);//從lruCache中取出該緩存
            //如果緩存中有該資源
            if (bitmap != null) {
                imageView.setImageBitmap(bitmap);
            } else {
                //對非常大的圖片進行壓縮顯示(壓縮成100*100顯示),以適合的寬高顯示大小
                Bitmap bitmap2 = decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100);
                imageView.setImageBitmap(bitmap2);
                mMemoryCache.put(imageKey, bitmap2);//添加到緩存中
            }

完整java 代碼如下

public class MainActivity extends AppCompatActivity {
    private LruCache mMemoryCache;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initLruCache();

        ListView listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new MyAdapter());
    }

    /**
     * 初始化緩存
     */
    private void initLruCache() {

        // 獲取到可用內存的最大值，使用內存超出這個值會引起OutOfMemory異常。
        // LruCache通過構造函數傳入緩存值，以KB為單位。
        int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
        // 使用最大可用內存值的1/8作為緩存的大小。
        int cacheSize = maxMemory / 8;

        mMemoryCache = new LruCache(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap bitmap) {
                // 重寫此方法來衡量每張圖片的大小，默認返回圖片數量。
                return bitmap.getByteCount() / 1024;
            }
        };
    }


    class MyAdapter extends BaseAdapter {
        @Override
        public int getCount() {
            return 50;
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

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

            View view = View.inflate(MainActivity.this, R.layout.list_item, null);
            ImageView imageView = (ImageView) view.findViewById(R.id.imageView);
//            imageView.setImageResource(R.drawable.girl);//完全顯示圖片大小,ListView 滑動界面異常卡頓

            String imageKey = String.valueOf(R.drawable.girl);//得到資源id的唯一標示
            Bitmap bitmap = mMemoryCache.get(imageKey);//從lruCache中取出該緩存
            //如果緩存中有該資源
            if (bitmap != null) {
                imageView.setImageBitmap(bitmap);
            } else {
                //對非常大的圖片進行壓縮顯示(壓縮成100*100顯示),以適合的寬高顯示大小
                Bitmap bitmap2 = decodeSampleBitmapFromResource(getResources(), R.drawable.girl, 100, 100);
                imageView.setImageBitmap(bitmap2);
                mMemoryCache.put(imageKey, bitmap2);//添加到緩存中
            }
            return view;
        }

    }


    /*計算出合適的inSampleSize值：*/
    public static int calculateInSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {
        //源圖片的高度和寬度
        final int height = options.outHeight;//得到要加載的圖片高度
        final int width = options.outWidth;
        int inSampleSize = 1;
        if (height > reqHeight || width > reqWidth) {
            //計算出實際寬高和目標寬高的比例
            final int heightRatio = Math.round((float) height / (float) reqHeight);
            final int widthRatio = Math.round((float) width / (float) reqWidth);

            // 選擇寬和高中最小的比率作為inSampleSize的值，這樣可以保證最終圖片的寬和高
            // 一定都會大於等於目標的寬和高。
            inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;

        }
        return inSampleSize;
    }

    public static Bitmap decodeSampleBitmapFromResource(Resources res, int resId, int reqWidth, int reqHeight) {
        // 第一次解析將inJustDecodeBounds設置為true，來獲取圖片大小
        BitmapFactory.Options options = new BitmapFactory.Options();
        //將這個參數的inJustDecodeBounds屬性設置為true就可以讓解析方法禁止為bitmap分配內存
        options.inJustDecodeBounds = true;

        //解析源圖片,返回一個 bitmap 對象,當 options.inJustDecodeBounds = true;
        /*禁止為bitmap分配內存，返回值也不再是一個Bitmap對象，而是null。雖然Bitmap是null了，
         但是BitmapFactory.Options的outWidth、outHeight和outMimeType屬性都會被賦值。
         這個技巧讓我們可以在加載圖片之前就獲取到圖片的長寬值和MIME類型，從而根據情況對圖片進行壓縮*/
        BitmapFactory.decodeResource(res, resId, options);

        // 調用上面定義的方法計算inSampleSize值
        options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);
        // 使用獲取到的inSampleSize值再次解析圖片
        options.inJustDecodeBounds = false;

        /*計算完inSampleSize 的合適大小後,需要把 options.inJustDecodeBounds = false;
        然後把再 BitmapFactory.decodeResource(res,resId,options)
        此時  options.inJustDecodeBounds = false; ,BitmapFactory.decodeResource() 方法返回一個bitmap對象給 imageView.setImageBitmap()方法
        從而顯示一個合適大小的圖片
        */
        return BitmapFactory.decodeResource(res, resId, options);

    }


}

在運行一下看看效果哈: (gif圖錄制會失幀)

好了,圖片加載就講到這裡了,如果大家覺得麻煩,可以考慮使用一些圖片加載的開源框架來處理