我們在做開發(fā)的時候總是會不可避免的遇到加載圖片的情況，當(dāng)圖片的尺寸小于ImageView的尺寸的時候，我們當(dāng)然可以很happy的去直接加載展示。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、噶爾網(wǎng)站維護、網(wǎng)站推廣。

但是如果我們要加載的圖片遠遠大于ImageView的大小，直接用ImageView去展示的話，就會帶來不好的視覺效果，也會占用太多的內(nèi)存和性能開銷。

甚至這張圖片足夠大到導(dǎo)致程序oom崩潰。這個時候我們就需要對圖片進行特殊的處理了：

一、圖片壓縮

圖片太大，那我就想辦法把它壓縮變小唄。老鐵，這思路完全沒毛病。

BitmapFactory這個類就提供了多個解析方法（decodeResource、decodeStream、decodeFile等）用于創(chuàng)建Bitmap。

我們可以根據(jù)圖片的來源來選擇解析方法。

• 比如如果圖片來源于網(wǎng)絡(luò)，就可以使用decodeStream方法；
• 如果是sd卡里面的圖片，就可以選擇decodeFile方法；
• 如果是資源文件里面的圖片，就可以使用decodeResource方法等。
  這些方法會為創(chuàng)建的Bitmap分配內(nèi)存，如果圖片過大的話就會導(dǎo)致 oom。

BitmapFactory為這些方法都提供了一個可選的參數(shù)BitmapFactory.Options，用來輔助我們解析圖片。這個參數(shù)有一個屬性inSampleSize，這個屬性可以幫助我們來進行圖片的壓縮。

為了解釋inSampleSize的效果，我們可以舉個栗子。
比如我們有一張2048 1536的圖片，設(shè)置inSampleSize的值為4，就可以把這張圖片壓縮為512384，長短各縮小了4倍，所占內(nèi)存就縮小了16倍。
這就明了了，inSampleSize的作用就是可以把圖片的長短縮小inSampleSize倍，所占內(nèi)存縮小inSampleSize的平方。
官方文檔對于inSampleSize的值也做了一些要求，那就是inSampleSize的值必須大于等于1，如果給定的值小于1，那就默認為1。
而且inSampleSize的值需要是2的倍數(shù)，如果不是的話，就會自動變?yōu)殡x這個值向下最近的2的倍數(shù)的值，比如給定的值是3，那么最終 inSampleSize的值會是2。

當(dāng)然了，這個inSampleSize的值我們也不可能隨便就給，最好使我們能獲取到照片的原始大小，再根據(jù)需要進行壓縮。別急，谷歌都幫我們想好了！BitmapFactory.Options有一個屬性inJustDecodeBounds，這個屬性當(dāng)為true的時候，表明我們當(dāng)前只是為了獲取當(dāng)前圖片的邊界的大小，此時BitmapFactory的解析圖片方法的返回值為 null，該方法是一個十分輕量級的方法。這樣我們就可以很愉快的拿到圖片大小了，代碼如下：

BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true; // 當(dāng)前只為獲取圖片的邊界大小BitmapFactory.decodeResource(getResources(), R.drawable.bigpic, options);int outHeight = options.outHeight;int outWidth = options.outWidth;
String outMimeType = options.outMimeType;

拿到了圖片的大小，我們就可以根據(jù)需要計算出所需要壓縮的大小了：

private int caculateSampleSize(BitmapFactory.Options options, int reqWidth, int reqHeight) {        int sampleSize = 1;        int picWidth = options.outWidth;        int picHeight = options.outHeight;        if (picWidth > reqWidth || picHeight > reqHeight) {            int halfPicWidth = picWidth / 2;            int halfPicHeight = picHeight / 2;            while (halfPicWidth / sampleSize > reqWidth || halfPicHeight / sampleSize > reqHeight) {
                sampleSize *= 2;
            }
        }        return sampleSize;
}

下面就是完整的代碼：

        mIvBigPic = findViewById(R.id.iv_big_pic);
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true; // 當(dāng)前只為獲取圖片的邊界大小
        BitmapFactory.decodeResource(getResources(), R.drawable.bigpic, options);        int outHeight = options.outHeight;        int outWidth = options.outWidth;
        String outMimeType = options.outMimeType;
        System.out.println("outHeight = " + outHeight + " outWidth = " + outWidth + " outMimeType = " + outMimeType);
        options.inJustDecodeBounds = false;
        options.inSampleSize = caculateSampleSize(options, getScreenWidth(), getScreenHeight());
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.bigpic, options);
        mIvBigPic.setImageBitmap(bitmap);

這樣圖片壓縮到這里就差不多結(jié)束了。

二、局部展示

有時候我們通過壓縮可以取得很好的效果，但有時候效果就不那么美好了，例如長圖像清明上河圖，像這類的長圖，如果我們直接壓縮展示的話，這張圖完全看不清，很影響體驗。這時我們就可以采用局部展示，然后滑動查看的方式去展示圖片。

Android里面是利用BitmapRegionDecoder來局部展示圖片的，展示的是一塊矩形區(qū)域。為了完成這個功能那么就需要一個方法設(shè)置圖片，另一個方法設(shè)置展示的區(qū)域。

初始化
BitmapRegionDecoder提供了一系列的newInstance來進行初始化，支持傳入文件路徑，文件描述符和文件流InputStream等

例如：

mRegionDecoder = BitmapRegionDecoder.newInstance(inputStream, false);
上面這個方法解決了傳入圖片，接下來就要去設(shè)置展示區(qū)域了。

Bitmap bitmap = mRegionDecoder.decodeRegion(mRect, sOptions);
參數(shù)一是一個Rect，參數(shù)二是BitmapFactory.Options，可以用來控制inSampleSize，inPreferredConfig等。下面是一個簡單的例子，展示圖片最前面屏幕大的部分：

try {
        BitmapRegionDecoder regionDecoder = BitmapRegionDecoder.newInstance(inputStream, false);
        BitmapFactory.Options options1 = new BitmapFactory.Options();
        options1.inPreferredConfig = Bitmap.Config.ARGB_8888;
        Bitmap bitmap = regionDecoder.decodeRegion(new Rect(0, 0, getScreenWidth(), getScreenHeight()), options1);
        mIvBigPic.setImageBitmap(bitmap);
    } catch (IOException e) {
        e.printStackTrace();
    }

當(dāng)然了，這只是最簡單的用法，對于我們想要完全展示圖片并沒什么用！客官，稍安勿躁，前途已經(jīng)明了！既然我們可以實現(xiàn)區(qū)域展示，那我們可不可以自定義一個View，可以隨著我們的手指滑動展示圖片的不同區(qū)域。yes！ of course。那么我們就繼續(xù)吧！

根據(jù)上面的分析，我們自定義控件的思路就很明白了：

提供一個設(shè)置圖片的路口；
重寫onTouchEvent，根據(jù)用戶移動的手勢，修改圖片顯示的區(qū)域；
每次更新區(qū)域參數(shù)后，調(diào)用invalidate，onDraw里面去regionDecoder.decodeRegion拿到bitmap，去draw
廢話不多說，直接上代碼：

public class BigImageView extends View {    private static final String TAG = "BigImageView";    private BitmapRegionDecoder mRegionDecoder;    private int mImageWidth, mImageHeight;    private Rect mRect = new Rect();    private static BitmapFactory.Options sOptions = new BitmapFactory.Options();
    {
        sOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;
    }    public BigImageView(Context context) {        this(context, null);
    }    public BigImageView(Context context, @Nullable AttributeSet attrs) {        this(context, attrs, 0);
    }    public BigImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);
    }    public void setInputStream(InputStream inputStream) {        try {
            mRegionDecoder = BitmapRegionDecoder.newInstance(inputStream, false);
            BitmapFactory.Options options = new BitmapFactory.Options();
            options.inJustDecodeBounds = false;
            BitmapFactory.decodeStream(inputStream, null, options);
            mImageHeight = options.outHeight;
            mImageWidth = options.outWidth;
            requestLayout();
            invalidate();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }    int downX = 0;    int downY = 0;    @Override
    public boolean onTouchEvent(MotionEvent event) {        switch (event.getAction()) {            case MotionEvent.ACTION_DOWN:
                downX = (int) event.getX();
                downY = (int) event.getY();                break;            case MotionEvent.ACTION_MOVE:                int curX = (int) event.getX();                int curY = (int) event.getY();                int moveX = curX - downX;                int moveY = curY - downY;
                onMove(moveX, moveY);
                System.out.println(TAG + " moveX = " + moveX + " curX = " + curX + " downX = " + downX);
                downX = curX;
                downY = curY;                break;            case MotionEvent.ACTION_UP:                break;
        }        return true;
    }    private void onMove(int moveX, int moveY) {        if (mImageWidth > getWidth()) {
            mRect.offset(-moveX, 0);
            checkWidth();
            invalidate();
        }        if (mImageHeight > getHeight()) {
            mRect.offset(0, -moveY);
            checkHeight();
            invalidate();
        }
    }    private void checkWidth() {
        Rect rect = mRect;        if (rect.right > mImageWidth) {
            rect.right = mImageWidth;
            rect.left = mImageWidth - getWidth();
        }        if (rect.left < 0) {
            rect.left = 0;
            rect.right = getWidth();
        }
    }    private void checkHeight() {
        Rect rect = mRect;        if (rect.bottom > mImageHeight) {
            rect.bottom = mImageHeight;
            rect.top = mImageHeight - getHeight();
        }        if (rect.top < 0) {
            rect.top = 0;
            rect.bottom = getWidth();
        }
    }    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int width = getMeasuredWidth();        int height = getMeasuredHeight();
        mRect.left = 0;
        mRect.top = 0;
        mRect.right = width;
        mRect.bottom = height;
    }    @Override
    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);
        Bitmap bitmap = mRegionDecoder.decodeRegion(mRect, sOptions);
        canvas.drawBitmap(bitmap, 0, 0, null);
    }
}

根據(jù)上述源碼：

在setInputStream方法里面初始BitmapRegionDecoder，獲取圖片的實際寬高;

onMeasure方法里面給Rect賦初始化值，控制開始顯示的圖片區(qū)域;

onTouchEvent監(jiān)聽用戶手勢，修改Rect參數(shù)來修改圖片展示區(qū)域，并且進行邊界檢測，最后invalidate;
在onDraw里面根據(jù)Rect獲取Bitmap并且繪制。

最后

學(xué)習(xí)不是件簡單的事，分享一下我們阿里p7架構(gòu)師的學(xué)習(xí)路線

作為一個Android程序員，要學(xué)的東西也很多。

放出來自己整理好的Android學(xué)習(xí)內(nèi)容幫助大家學(xué)習(xí)提升進階

• 面試題合集
• 入門級書籍PDF：Java、c、c++
• Android進階精選書籍PDF
• 阿里規(guī)范文檔
• Android開發(fā)技巧
• 進階PDF大全
• 高級進階視頻
• 源碼
• 算法學(xué)習(xí)視頻
• 未完待續(xù)

還有現(xiàn)在的學(xué)習(xí)趨勢 flutter，kotin等的資料，都已經(jīng)整理好，節(jié)省搜索的時間來學(xué)習(xí)

如果你有需要的話，可以 點贊+評論， 關(guān)注我，然后點擊 了解詳情