如何在 Android App 上高效顯示位圖

vuuo4281 8年前發布 | 15K 次閱讀 安卓開發 Android開發 移動開發

本文由自動化采集完成,質量不符合直接發布的條件,請審核員嚴格按照文章處理標準流程來審核。

http://www.linuxprobe.com/submit

為了創建具有視覺魅力的app,顯示圖像是必須的。學會在你的Android app上高效地顯示位圖,而不是放棄性能。

本章目錄結構

  • 在Android上顯示圖像的痛苦
  • 最后的思考以及EpicBitmapRenderer

在Android上顯示圖像的痛苦

當工作于開發視覺魅力的app時,顯示圖像是必須的。問題是,Android操作系統不能很好地處理圖像解碼,從而迫使開發者要小心某些任務以避免搞亂性能。

Google寫了一個有關于高效顯示位圖的完整指南,我們可以按照這個指南來理解和解決在顯示位圖時Android操作系統的主要缺陷。

Android app性能殺手

按照Google的指南,我們可以列出一些我們在Android apps上顯示圖像時遇到的主要問題。

降低圖像采樣率

無論視圖大小,Android總是解碼并全尺寸/大小顯示圖像。因為這個原因,所以如果你試圖加載一個大圖像,那就很容易使你的設備出現outOfMemoryError。

為了避免這種情況,正如Google所說的那樣,我們應該使用

BitmapFactory

解碼圖像,為

inSampleSize

參數設置一個值。圖象尺寸由inSampleSize劃分,減少存儲器的使用量。

public static Bitmap decodeSampledBitmapFromResource(Resources res, int resId,
        int reqWidth, int reqHeight) {

    // First decode with inJustDecodeBounds=true to check dimensions
    final BitmapFactory.Options options = new BitmapFactory.Options();
    options.inJustDecodeBounds = true;
    BitmapFactory.decodeResource(res, resId, options);

    // Calculate inSampleSize
    options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);

    // Decode bitmap with inSampleSize set
    options.inJustDecodeBounds = false;
    return BitmapFactory.decodeResource(res, resId, options);
}

你可以手動設置inSampleSize,或使用顯示器的尺寸計算。

public static int calculateInSampleSize(
            BitmapFactory.Options options, int reqWidth, int reqHeight) {
    // Raw height and width of image
    final int height = options.outHeight;
    final int width = options.outWidth;
    int inSampleSize = 1;

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

        final int halfHeight = height / 2;
        final int halfWidth = 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;
}

異步解碼

即使在使用BitmapFactory時,圖像解碼在UI線程上完成。這可以凍結app,并導致ANR(“Application Not Responding應用程序沒有響應”)警報。

這個容易解決,你只需要將解碼過程放到工作線程上。一種方法是 使用異步任務 ,正如Google指導中解釋的那樣:

class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {
    private final WeakReference<ImageView> imageViewReference;
    private int data = 0;

    public BitmapWorkerTask(ImageView imageView) {
        // Use a WeakReference to ensure the ImageView can be garbage collected
        imageViewReference = new WeakReference<ImageView>(imageView);
    }

    // Decode image in background.
    @Override
    protected Bitmap doInBackground(Integer... params) {
        data = params[0];
        return decodeSampledBitmapFromResource(getResources(), data, 100, 100));
    }

    // Once complete, see if ImageView is still around and set bitmap.
    @Override
    protected void onPostExecute(Bitmap bitmap) {
        if (imageViewReference != null && bitmap != null) {
            final ImageView imageView = imageViewReference.get();
            if (imageView != null) {
                imageView.setImageBitmap(bitmap);
            }
        }
    }
}

圖像緩存

每當對圖像進行解碼并放置在一個視圖中的時候,Android操作系統默認重復整個渲染過程,浪費了寶貴的設備存儲器。如果你打算在不同的地方展示相同的圖像,或因為app生命周期或行為要多次重新加載,那么這可能會特別煩人。

為了避免占用過多的內存,推薦使用內存和磁盤緩存。接下來,我們將看到這些緩存之間的主要區別,以及為什么同時使用兩者有用的原因。

  • 內存緩存:圖像存儲在設備內存中。內存訪問快速。事實上,比圖像解碼過程要快得多,所以將圖像存儲在這里是讓app更快更穩定的一個好主意。內存緩存的唯一缺點是,它只存活于app的生命周期,這意味著一旦app被Android操作系統內存管理器關閉或殺死(全部或部分),那么儲存在那里的所有圖像都將丟失。請記住,內存緩存必須設置一個最大可用的內存量。否則可能會導致臭名昭著的outOfMemoryError。
  • 磁盤緩存:圖像存儲在設備的物理存儲器上(磁盤)。磁盤緩存可以一直存活于app啟動期間,安全地存儲圖片,只要有足夠的空間。缺點是,磁盤讀取和寫入操作可能會很慢,而且總是比訪問內存緩存慢。由于這個原因,因此所有的磁盤操作必須在工作線程執行,UI線程之外。否則,app會凍結,并導致ANR警報。

每個緩存都有其優點和缺點,因此最好的做法是兩者皆用,并從首先可用的地方讀取,通過內存緩存開始。

最后的思考以及EpicBitmapRenderer

不知道你有沒有注意到,正如我在本文開頭所述,在Android app上顯示圖片真的很讓人頭疼。絕非看上去那么簡單。

為了避免在每個項目中重復這些任務,我開發了一個100%免費又開源的Android庫,

EpicBitmapRenderer

。你可以在 EpicBitmapRenderer GitHub repo 選擇它,或在EpicBitmapRenderer網站了解更多。

EpicBitmapRenderer

易于使用,并在每個圖像解碼操作中自動化了所有這些惱人的任務,這樣你就可以專注于app開發。

你只需要添加增加

EpicBitmapRenderer

依賴在你的Gradle上。

compile 'com.isaacrf.epicbitmaprenderer:epicbitmaprenderer:1.0'

EpicBitmapRenderer

中解碼圖像是很容易的:只需要調用所需的解碼方法并管理結果。看看下面這個例子,我們從URL獲取圖片并顯示于ImageVIew上。

//Sample 3: Decode Bitmap from URL (Async)
EpicBitmapRenderer.decodeBitmapFromUrl(
        "http://isaacrf.com/wp-content/themes/Workality-Lite-child/images/IsaacRF.png", 
        200, 200,
        new OnBitmapRendered() {
            @Override
            public void onBitmapRendered(Bitmap bitmap) {
                //Display rendered Bitmap when ready
                ImageView imgView = findViewById(R.id.imgSampleDecodeUrl);
                imgView.setImageBitmap(bitmap);
            }
        },
        new OnBitmapRenderFailed() {
            @Override
            public void onBitmapRenderFailed(Exception e) {
                //Take actions if Bitmap fails to render
                Toast.makeText(MainActivity.this, 
                          "Failed to load Bitmap from URL", 
                          Toast.LENGTH_SHORT).show();
            }
        });

許可證

這篇文章以及任何相關的源代碼和文件,遵循 The Creative Commons Attribution-Share Alike 3.0 Unported License的授權許可。

 

來自:http://www.linuxprobe.com/如何在-android-app-上高效顯示位圖.html

 

 本文由用戶 vuuo4281 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!