、概述html

在android開發(fā)的過程當中，有時候會遇到這樣的需求，須要顯示很大的圖片，而且還不容許壓縮。好比顯示：世界地圖、微博長圖等，那么如何完成這個需求呢？

首先咱們分析一下，圖片很是大，考慮到內存的狀況，咱們不能一次將整個圖片加載到內存中，由于這樣會OOM，而后圖片的寬或者高超出了手機屏幕的尺寸，要想顯示整張沒有壓縮過的圖片，咱們只能每次加載圖片的局部，而后監(jiān)聽控件的滑動事件，獲得滑動的方向和距離，來從新加載圖片的局部，這樣咱們就能夠利用拖動的方式顯示整張圖片了

2、BitmapRegionDecoderandroid

android加載圖片的局部須要用到BitmapRegionDecoder類，BitmapRegionDecoder類主要用來加載圖片的某一塊矩形區(qū)域，若是你想顯示圖片的某一塊矩形區(qū)域，那么這個類很是合適，下面來看一下它的用法：git

BitmapRegionDecoder提供了一系列的newInstance方法來構造實例，支持傳入文件路徑，文件描述符，文件的數據流等，以下：

public static BitmapRegionDecoder newInstance(InputStream is, boolean isShareable)
    public static BitmapRegionDecoder newInstance(String pathName, boolean isShareable)
    public static BitmapRegionDecoder newInstance(FileDescriptor fd, boolean isShareable)
    public static BitmapRegionDecoder newInstance(byte[] data, int offset, int length, boolean isShareable)

利用圖片構造BitmapRegionDecoder對象后，咱們能夠調用它的decodeRegion方法來加載圖片中的指定區(qū)域，以下：

Bitmap bitmap=mBitmapRegionDecoder.decodeRegion(mRect, mOptions);

第一個參數指定加載區(qū)域，第二個參數是BitmapFactory.options，能夠用來指定圖片的解碼格式，取樣率等

3、開發(fā)代碼ide

了解了以上內容后，咱們就能夠開發(fā)加載高清大圖的控件了，下面是自定義的代碼，注釋很詳細：

package com.liunian.androidbasic.addbigimage.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapRegionDecoder;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

import com.liunian.androidbasic.utils.CloseUtils;

import java.io.IOException;
import java.io.InputStream;

/**
 * Created by dell on 2018/4/12.
 */

public class BigImageView extends View {
    private Context mContext;
    private BitmapRegionDecoder mBitmapRegionDecoder;
    private Rect mRect=new Rect();
    private int mImageWidth=0;
    private int mImageHeight=0;
    private BitmapFactory.Options mOptions;

    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);
        mContext=context;
        init();
    }

    private void init() {
        // 指定圖片的解碼格式為RGB_565
        mOptions=new BitmapFactory.Options();
        mOptions.inPreferredConfig=Bitmap.Config.RGB_565;
    }

    // 傳入須要加載的圖片的inputStream
    public void setInputStream(InputStream inputStream) {
        try {
            // 先得到圖片的寬高（在華為的手機上若是在構造BitmapRegionDecoder對象后得到圖片寬高將獲取失敗）
            BitmapFactory.Options tmpOptions=new BitmapFactory.Options();
            tmpOptions.inJustDecodeBounds=true; // 將inJuestDecodeBounds設為true，這樣BitmapFactory只會解析圖片的原始寬/高信息，并不會真正的去加載圖片
            BitmapFactory.decodeStream(inputStream, null, tmpOptions); // 解析圖片得到圖片的寬高
            mImageWidth=tmpOptions.outWidth; // 保存圖片的寬
            mImageHeight=tmpOptions.outHeight; // 保存圖片的搞

            // 根據圖片對應的BitmapRegionDecoder對象
            mBitmapRegionDecoder=BitmapRegionDecoder.newInstance(inputStream, false);
            requestLayout(); // 這里調用requestLayout方法，請求從新布局，觸發(fā)調用控件的onMeasure，初始化加載區(qū)域
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            CloseUtils.closeIO(inputStream);
        }
    }

    // 保存上一次事件的發(fā)生位置
    float lastEventX=0;
    float lastEventY=0;
    // 保存當前事件的發(fā)生位置
    float eventX=0;
    float eventY=0;

    // 重載控件的onTouchEvent方法，監(jiān)控控件的事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 這里只處理了控件的Move事件，若是有更復雜需求，好比說根據手勢縮放圖片，能夠將事件交由給GestureDetector處理
        if (event !=null) {
            // 獲得當前事件的發(fā)生位置
            eventX=event.getX();
            eventY=event.getY();
            switch (event.getAction()) {
                case MotionEvent.ACTION_MOVE: // move事件
                    // 根據當前事件的發(fā)生位置和上一次事件的發(fā)生位置計算出用戶的滑動距離，并調整圖片的加載區(qū)域
                    move((int) (lastEventX - eventX), (int) (lastEventY - eventY));
                    break;
            }
            // 保存上一次事件的發(fā)生位置
            lastEventX=event.getX();
            lastEventY=event.getY();
        }
        return true;
    }

    // 根據滑動距離調整圖片的加載區(qū)域
    private void move(int moveX, int moveY) {
        // 只有當圖片的高大于控件的高，控件縱向顯示不下圖片時，才須要調整加載區(qū)域的上下位置
        if (mImageHeight > getHeight()) {
            mRect.top=mRect.top + moveY;
            mRect.bottom=mRect.top + getHeight();
        }
        // 只有當圖片的寬大于控件的寬，控件橫向顯示不下圖片時，才須要調整加載區(qū)域的左右位置
        if (mImageWidth > getWidth()) {
            mRect.left=mRect.left + moveX;
            mRect.right=mRect.left + getWidth();
        }
        invalidate();
    }

    // 重寫onDraw方法，繪制圖片的局部
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mBitmapRegionDecoder !=null) {
            // 檢查繪制區(qū)域的寬高，以避免繪制到圖片覺得的區(qū)域
            checkHeight();
            checkWidth();
            // 加載圖片的指定區(qū)域
            Bitmap bitmap=mBitmapRegionDecoder.decodeRegion(mRect, mOptions);
            Log.i("liunianprint:", "onDraw" + mRect.top + " " + mRect.left + " " + mRect.bottom + " " + mRect.right);
            // 繪制圖片的局部到控件上
            if (bitmap !=null) {
                canvas.drawBitmap(bitmap, 0, 0, null);
            }
        }
    }

    /**
     * 檢查加載區(qū)域是否超出圖片范圍
     */
    private void checkWidth() {
        // 只有當圖片的寬大于控件的寬，控件橫向顯示不下圖片時，才須要調整加載區(qū)域的左右位置
        if (mImageWidth > getWidth()) {
            if (mRect.right > mImageWidth) {
                mRect.right=mImageWidth;
                mRect.left=mRect.right - getWidth();
            }

            if (mRect.left < 0) {
                mRect.left=0;
                mRect.right=getWidth();
            }
        } else {
            mRect.left=(mImageWidth - getWidth()) / 2;
            mRect.right=mRect.left + getWidth();
        }
    }

    /**
     * 檢查加載區(qū)域是否超出圖片范圍
     */
    private void checkHeight() {
        // 只有當圖片的高大于控件的高，控件縱向顯示不下圖片時，才須要調整加載區(qū)域的上下位置
        if (mImageHeight > getHeight()) {
            if (mRect.bottom > mImageHeight) {
                mRect.bottom=mImageHeight;
                mRect.top=mRect.bottom - getHeight();
            }
            if (mRect.top < 0) {
                mRect.top=0;
                mRect.bottom=getHeight();
            }
        } else {
            mRect.top=(mImageHeight - getHeight()) / 2;
            mRect.bottom=mRect.top + getHeight();
        }
    }

    /**
     * 重寫測量控件大小的方法，初始化圖片的加載區(qū)域
     *
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        // 獲得控件的寬高
        int width=getMeasuredWidth(); // 使用getMeasuredWidth，不要使用getWidth方法，getWidth可能為0
        int height=getMeasuredHeight(); // getMeasuredHeight，不要使用getHeight方法，getWidth可能為0

        // 初始化圖片的加載區(qū)域為圖片的中心，能夠自行根據需求調整
        mRect.left=(mImageWidth - width) / 2;
        mRect.right=mRect.left + width;
        mRect.top=(mImageHeight - height) / 2;
        mRect.bottom=mRect.top + height;
    }
}

使用方法

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.liunian.androidbasic.MainActivity">
    <com.liunian.androidbasic.addbigimage.view.BigImageView
        android:id="@+id/big_image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

mBigImageView=(BigImageView) findViewById(R.id.big_image_view);
        try {
            mBigImageView.setInputStream(getAssets().open("ditu.jpg"));
        } catch (IOException e) {
            e.printStackTrace();
        }

使用效果以下：

滑動控件能夠加載地圖的其余區(qū)域

有需要文章中完整代碼的同學 ： 現(xiàn)在私信發(fā)送 “底層源碼” 即可免費獲取

現(xiàn)在私信發(fā)送 “進階” 還可以獲取《更多 Android 源碼解析+核心筆記+面試真題》

4、總結

一、加載高清大圖須要用到BitmapRegionDecoder類，這個類能夠加載圖片的指定區(qū)域；

二、因為圖片超出了控件的大小，咱們須要監(jiān)聽控件的滑動事件，實現(xiàn)能夠經過拖動的方式顯示整張圖片；

三、加載圖片的指定區(qū)域，得到對應的Bitmap，而后經過重寫onDraw方法將Bitmap繪制到控件上

應用名稱】：屏幕翻譯_3_1_2285_解鎖會員版
【應用版本】：3.1.2
【應用大小】：318.65MB
【適用平臺】：Android
【軟件標簽】：#屏幕翻譯

軟件簡介：
屏幕翻譯是專為Android用戶設計的實時翻譯應用，旨在解決游戲、視頻、聊天和網頁瀏覽中遇到的語言障礙。此應用支持多語言功能，能夠實時翻譯手機屏幕上顯示的文字，確保翻譯結果既快速又精準。

主要功能：
實時翻譯：能立即翻譯屏幕上出現(xiàn)的文字，無需等待。
多場景適用：無論是在游戲中獲取任務信息，觀看外語視頻，還是瀏覽外文網站，都能輕松應對。
用戶友好設計：簡潔的操作界面，使得任何用戶都能快速開始使用。
高速精準：采用先進的翻譯技術，提供快速而準確的翻譯服務，滿足日常和專業(yè)的翻譯需求。

屏幕翻譯v3.1.2解鎖會員版為需要跨語言交流的用戶提供了一個全面的翻譯工具，是理想的多語言交流助手。立即體驗，讓語言交流無界限。

轉載網站：http://kskhk.cn/news/755.html

【免責聲明】

本站資源僅用于個人學習交流使用，不得用于商業(yè)用途，請在下載24小時內刪除。如有侵權請及時與我們聯(lián)系處理。感謝大家的支持~