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

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

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

xml首頁面布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
</RelativeLayout>

ListView 的item 布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="100dp"
</LinearLayout>

布局界面非常簡單,不用多說什麼,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

由于我們測試的圖檔非常大,屬于超清的那種,我們用預設的imageView.setImageResource(R.drawable.girl) 方法,是完全顯示此高清圖檔,此時

在模拟器上運作之後,雖然能夠顯示,但是界面灰常卡頓有木有,可以說根本劃不動的,口說無憑,上圖

唉!不好意思沒圖了,本來已經錄好圖了,奈何超過2M沒法上傳,總之就是很卡很卡啦

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

然後,接下來我們就要解決這個問題了,怎麼解決呢,我們通過思考就會發現,其實造成這種結果機關主要原因就是要顯示的圖檔太大了,我們完全不需要展示這麽大的圖檔,沒錯我們可以把圖檔壓縮一下,比如壓縮成 100*100 的啦.

我們主要使用的就是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

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

上面是對用到的兩個自定義的方法的解釋,把他倆用到主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

我們把

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<String, Bitmap>(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap bitmap) {
                // 重寫此方法來衡量每張圖檔的大小，預設傳回圖檔數量。
                return bitmap.getByteCount() / 1024;
            }
        };
    }

然後再ListView 的擴充卡中的 getView() 方法中給ImageView 設定圖檔時,吧圖檔從緩存中取出,放入就行了

//得到資源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<String, Bitmap> 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<String, Bitmap>(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

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

最後給大家無私奉獻出美女

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

繼續閱讀

專訪鄧凡平：深入了解Android

與專家面對面：Android開發入門問與答

Android MVP架構MVCMVP

mvp初探

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android常用工具類ToastUtilsSizeUtilsLogUtilsRetrofitManagerAnimUtil

Android Studio 0.8.0解決 Failure [INSTALL_FAILED_OLDER_SDK] 問題

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

Kotlin的ListView與RecyclerView的簡單應用

關于公司的那些坑：Android Studio篇

android SQLite事務和kotlin協程

無法正常編譯錯誤Compilation failed to complete

關于Gradle配置的小結

AOP程式設計_Android優雅權限架構(1)概念基礎，2021金三銀四前言正文大綱正文

Android APK檔案反編譯Android APK檔案反編譯