AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android自定义无压缩加载超清大图

2018-07-01 1317
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 版权声明：本文为博主原创文章，转载请注明出处http://blog.csdn.net/u013132758。 https://blog.csdn.net/u013132758/article/details/80878256 自定义无压缩加载超清大图前言　　已经很久没有写博客了，前段时间做项目就遇到加载超大图时系统内存溢出，我们一般处理加载图片时OOM的方法都是对图片进行压缩。
版权声明：本文为博主原创文章，转载请注明出处http://blog.csdn.net/u013132758。 https://blog.csdn.net/u013132758/article/details/80878256

自定义无压缩加载超清大图

前言

　　已经很久没有写博客了，前段时间做项目就遇到加载超大图时系统内存溢出，我们一般处理加载图片时OOM的方法都是对图片进行压缩。但是发现手机系统相册是可以打开大图的，今天就分享一波自定义无压缩加载超清大图。
这里写图片描述

BitmapRegionDecoder

　　BitmapRegionDecoder用来解码一张图片的某个矩形区域，通常用于加载某个图片的指定区域。通过调用该类提供的一系列newInstance(...)方法可获得BitmapRegionDecoder对象，该类提供的主要构造方法如下：
这里写图片描述

获取该对象后我们可以通过decodeRegion(rect,mOptions)方法传入需要显示的指定区域，就可以得到指定区域的Bitmap。这个方法的第一个参数就是要显示的矩形区域，第二个参数是BitmapFactory.Options(这个
类是BitmapFactory对图片进行解码时使用的一个配置参数类，其中定义了一系列的public成员变量，每个成员变量代表一个配置参数。)

自定义控件

要自定义这个控件，我们主要分以下几个步骤：
1. 提供一个图片入口
2. 自定义手势监听，通过手势上下左右滑动，更新显示图片的区域
3. 自定义显示指定区域图片，即通过手势滑动传入的区域显示大图在该区域的内容

自定义加载大图控件(LargeImageView)

package com.example.bthvi.bigpictureloading;

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.media.ExifInterface;
import android.os.Build;
import android.support.annotation.Nullable;
import android.support.annotation.RequiresApi;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

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

/**
 * 自定义加载超大图片的View
 *
 * create by bthvi on 2018/06/29
 */
public class LargeImageView extends View {
    /**
     *用来解码一张图片的某个矩形区域
     */
    private BitmapRegionDecoder mDecoder;

    /**
     * 图片的宽度和高度
     */
    private int mImageWidth,mImageHeight;

    /**
     *绘制图片区域
     */
    private volatile Rect rect = new Rect();
    /**
     * 手势监听器
     */
    private MoveGestureDetector moveGestureDetector;
    /**
     * 图片解码时的参数配置类
     */
    private static final BitmapFactory.Options mOptions = new BitmapFactory.Options();

    /**
     * 图片解码时所用的颜色模式
     */
    static {
        mOptions.inPreferredConfig = Bitmap.Config.RGB_565;
    }

    /**
     * 构造方法
     * @param context
     */
    public LargeImageView(Context context) {
        super(context);
        initView();
    }

    public LargeImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public LargeImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        moveGestureDetector.onToucEvent(event);
        return true;
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        Bitmap bm = mDecoder.decodeRegion(rect, mOptions);
        canvas.drawBitmap(bm, 0, 0, null);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int width = getMeasuredWidth();
        int height = getMeasuredHeight();

        int imageWidth = mImageWidth;
        int imageHeight = mImageHeight;

        //默认直接显示图片的中心区域，可以自己去调节
        rect.left = imageWidth / 2 - width / 2;
        rect.top = imageHeight / 2 - height / 2;
        rect.right = rect.left + width;
        rect.bottom = rect.top + height;

    }
    /**
     * 初始化
     */
    private void initView() {
        moveGestureDetector = new MoveGestureDetector(getContext());
        SimpleMoveGestureDetector simpleMoveGestureDetector = new SimpleMoveGestureDetector(){
            @Override
            public boolean onMove(MoveGestureDetector detector){
                int moveX = (int) detector.getMoveX();
                int moveY = (int) detector.getMoveY();

                if (mImageWidth > getWidth()){
                    rect.offset(-moveX,0);
                    checkWidth();
                    invalidate();
                }
                if (mImageHeight > getHeight())
                {
                    rect.offset(0, -moveY);
                    checkHeight();
                    invalidate();
                }

                return true;
            }
        };
        moveGestureDetector.setOnMoveGestureListener(simpleMoveGestureDetector);

    }
    public void setInputStream(InputStream is)
    {
        try
        {
            mDecoder = BitmapRegionDecoder.newInstance(is, false);
            BitmapFactory.Options tmpOptions = new BitmapFactory.Options();
            // Grab the bounds for the scene dimensions
            tmpOptions.inJustDecodeBounds = true;
            BitmapFactory.decodeStream(is, null, tmpOptions);
            /**
             * 获取图片的宽高
             */
            mImageWidth = mDecoder.getWidth();
            mImageHeight = mDecoder.getHeight();

            requestLayout();
            invalidate();
        } catch (IOException e)
        {
            e.printStackTrace();
        } finally
        {

            try
            {
                if (is != null) is.close();
            } catch (Exception e)
            {
            }
        }
    }


    private void checkWidth() {
        Rect rect2 = rect;
        int imageWidth = mImageWidth;
        if (rect2.right > imageWidth){
            rect2.right = imageWidth;
            rect2.left = imageWidth - getWidth();
        }

        if (rect2.left < 0){
            rect2.left = 0;
            rect2.right = getWidth();
        }
    }
    private void checkHeight()
    {

        Rect rect3 = rect;
        int imageWidth = mImageWidth;
        int imageHeight = mImageHeight;

        if (rect3.bottom > imageHeight)
        {
            rect3.bottom = imageHeight;
            rect3.top = imageHeight - getHeight();
        }

        if (rect3.top < 0)
        {
            rect3.top = 0;
            rect3.bottom = getHeight();
        }
    }

}

上述源码的几个主要方法是setInputStream(InputStream),onTouchEvent(MotionEvent),onMeasure(int,int),onDraw(Canvas),下面我们看下这几个方法的主要逻辑：

  • setInputStream的主要作用是通过传入的图片输入流来获取图片真实的宽和高。
  • onTouchEvent这个方法主要监听我们的手势，通过手势监听回调，在滑动时改变图片显示的区域。
  • onMeasure这个方法是给显示区域的上下左右边届赋值，图片的大小就是显示的大小。
  • onDraw(Canvas)就是根据上面的指定区域拿到bitmap并绘制在自定义控件上。

自定义手势监听(MoveGestureDetector)

package com.example.bthvi.bigpictureloading;

import android.content.Context;
import android.graphics.PointF;
import android.view.MotionEvent;
/**
 * 手势处理
 * create by bthvi on 2018/06/29
 */
public class MoveGestureDetector extends BaseGestureDetector{
    /**
     * 当前点
     */
    private PointF mCurrentPointer;
    /**
     * 上次触摸点
     */
    private PointF mPrePointer;
    //仅仅为了减少创建内存
    private PointF mDeltaPointer = new PointF();

    //用于记录最终结果，并返回
    private PointF mExtenalPointer = new PointF();

    private OnMoveGestureListener mListenter;

    public MoveGestureDetector(Context context) {
        super(context);
    }
    public void setOnMoveGestureListener(OnMoveGestureListener listener){
        this.mListenter = listener;
    }

    public OnMoveGestureListener getmListenter(){
        return this.mListenter;
    }

    @Override
    protected void handleInProgressEvent(MotionEvent event) {
        /**
         * 这里就是处理多点触控，MotionEvent.ACTION_MASK(0x000000ff)与触摸事件进行逻辑运算and。
         * 无论多少手指在屏幕上操作，进过逻辑and运算后 都是一个手指
         */
        int actionCode = event.getAction() & MotionEvent.ACTION_MASK;
        switch (actionCode){
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                mListenter.onMoveEnd(this);
                resetState();
                break;
            case MotionEvent.ACTION_MOVE:
                updateStateByEvent(event);
                boolean update = mListenter.onMove(this);
                if (update) {
                    mPreMotionEvent.recycle();
                    mPreMotionEvent = MotionEvent.obtain(event);
                }
                break;
        }
    }

    @Override
    protected void handleStartProgressEvent(MotionEvent event) {
        int actionCode = event.getAction() & MotionEvent.ACTION_MASK;
        switch (actionCode){
            case MotionEvent.ACTION_DOWN:
                /**防止没收到 UP 或 CANCEL*/
                resetState();
                mPreMotionEvent = MotionEvent.obtain(event);
                updateStateByEvent(event);
                break;
            case MotionEvent.ACTION_MOVE:
                mGestureInProgress = mListenter.onMove(this);
                break;
        }
    }

    @Override
    protected void updateStateByEvent(MotionEvent event) {
        final MotionEvent prev = mPreMotionEvent;

        mPrePointer = calculateCenterPointer(prev);
        mCurrentPointer = calculateCenterPointer(event);

        boolean mSkipThisEvent = prev.getPointerCount() != event.getPointerCount();

        mExtenalPointer.x = mSkipThisEvent ? 0 : mCurrentPointer.x - mPrePointer.x;
        mExtenalPointer.y = mSkipThisEvent ? 0 : mCurrentPointer.y - mPrePointer.y;

    }

    /**
     * 计算多指触控中心点
     * @param event
     * @return
     */
    private PointF calculateCenterPointer(MotionEvent event) {
        /**
         * 触摸点数
         */
        final int count = event.getPointerCount();
        float x=0,y=0;
        for (int i = 0; i< count;i++){
            x += event.getX(i);
            y += event.getY(i);
        }
        x /= count;
        y /= count;
        return new PointF(x,y);
    }
    public float getMoveX()
    {
        return mExtenalPointer.x;

    }

    public float getMoveY()
    {
        return mExtenalPointer.y;
    }

}

这个类主要有四个方法，他们的作用主要是：

  • handleInProgressEvent，handleStartProgressEvent处理手势触摸事件，这里我们注意到int actionCode = event.getAction() & MotionEvent.ACTION_MASK;很多同学可能跟我一样会想为啥要这样写呢？首先，我们知道MotionEvent.ACTION_MASK的值为(0x000000ff)，我们的触摸事件跟它做逻辑与运算的结果一定会小于它，这里就是将多个手指的触摸事件转为一个手指触摸。
  • calculateCenterPointer这个方法就是计算多个手指在屏幕上的中心位置。
  • updateStateByEvent这个方法主要是更新当前手指的中心位置。

BaseGestureDetector

package com.example.bthvi.bigpictureloading;

import android.content.Context;
import android.view.MotionEvent;
/**
 * 手势处理抽象类
 * create by bthvi on 2018/06/29
 */
public abstract class BaseGestureDetector
{

    protected boolean mGestureInProgress;

    protected MotionEvent mPreMotionEvent;
    protected MotionEvent mCurrentMotionEvent;

    protected Context mContext;

    public BaseGestureDetector(Context context)
    {
        mContext = context;
    }


    public boolean onToucEvent(MotionEvent event)
    {

        if (!mGestureInProgress)
        {
            handleStartProgressEvent(event);
        } else
        {
            handleInProgressEvent(event);
        }

        return true;

    }

    protected abstract void handleInProgressEvent(MotionEvent event);

    protected abstract void handleStartProgressEvent(MotionEvent event);

    protected abstract void updateStateByEvent(MotionEvent event);

    protected void resetState()
    {
        if (mPreMotionEvent != null)
        {
            mPreMotionEvent.recycle();
            mPreMotionEvent = null;
        }
        if (mCurrentMotionEvent != null)
        {
            mCurrentMotionEvent.recycle();
            mCurrentMotionEvent = null;
        }
        mGestureInProgress = false;
    }


}

OnMoveGestureListener

package com.example.bthvi.bigpictureloading;
/**
 * 手势监听接口
 * create by bthvi on 2018/06/29
 */
public interface OnMoveGestureListener {
    public boolean onMoveBegin(MoveGestureDetector detector);
    public boolean onMove(MoveGestureDetector detector);
    public void onMoveEnd(MoveGestureDetector detector);
}

SimpleMoveGestureDetector

package com.example.bthvi.bigpictureloading;

/**
 * 手势监听接口实现
 * create by bthvi on 2018/06/29
 */
public class SimpleMoveGestureDetector implements OnMoveGestureListener {
    @Override
    public boolean onMoveBegin(MoveGestureDetector detector) {
        return false;
    }

    @Override
    public boolean onMove(MoveGestureDetector detector) {
        return false;
    }

    @Override
    public void onMoveEnd(MoveGestureDetector detector) {

    }
}

调用

首先在xml中调用LargeImageView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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=".MainActivity">
    <com.example.bthvi.bigpictureloading.LargeImageView
        android:id="@+id/largeImageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

然后在Activity里面去将图片的输入流设置给LargeImageView

package com.example.bthvi.bigpictureloading;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

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

/**
 *
 * create by bthvi on 2018/06/29
 */
public class MainActivity extends AppCompatActivity {

    LargeImageView largeImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        largeImageView = findViewById(R.id.largeImageView);
        try {
            InputStream stream = getAssets().open("world.jpg");
            largeImageView.setInputStream(stream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

最后附上源码地址点击查看源码

特别感谢

Android 高清加载巨图方案 拒绝压缩图片

文章标签：
Android开发
前端开发
关键词：
Android自定义
Android加载
Android图
Android压缩
Android加载图
紫雾凌寒
目录
相关文章
shuj
|
29天前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图：从零到英雄
【10月更文挑战第42天】 在安卓的世界里，自定义视图是一块画布，让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门，通过深入浅出的方式，让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤，以及如何优化你的视图以提高性能和兼容性。准备好了吗？让我们开始这段创造性的旅程吧！
shuj
26 1
shuj
|
2月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中，自定义视图犹如一座座小岛，等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程，从浅滩走向深海，逐步揭开自定义视图的神秘面纱。
shuj
44 3
shuj
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中，自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View，包括设计理念、实现步骤以及性能优化技巧，帮助开发者打造流畅且富有创意的用户界面。
shuj
95 0
天下无贼001
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中，自定义视图是那抹不可或缺的亮色，它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图，并展示如何通过代码实现这一过程。我们将从基础出发，逐步引导你理解自定义视图的核心概念，然后通过一个实际的代码示例，详细讲解如何将理论应用于实践，最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能，还是仅仅出于对安卓开发的兴趣，这篇文章都将为你提供价值。
天下无贼001
41 4
shuj
|
1月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域，自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View，以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理，进而探索内存和布局优化技巧，最终实现既美观又高效的安卓界面。
shuj
37 5
大树营养快线
|
2月前
|
Android开发 UED
Android 中加载 Gif 动画
【10月更文挑战第20天】加载 Gif 动画是 Android 开发中的一项重要技能。通过使用第三方库或自定义实现，可以方便地在应用中展示生动的 Gif 动画。在实际应用中，需要根据具体情况进行合理选择和优化，以确保用户体验和性能的平衡。可以通过不断的实践和探索，进一步掌握在 Android 中加载 Gif 动画的技巧和方法，为开发高质量的 Android 应用提供支持。
大树营养快线
74 2
游客moiomvrp3vyac2
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石，它为开发者提供了无限的可能。通过掌握其原理和实现方法，可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程，包括绘制技巧、事件处理以及性能优化等关键步骤。
游客moiomvrp3vyac2
33 1
mrq4nk6ni2neg
|
3月前
|
Android开发 开发者
安卓开发中的自定义视图：从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中，自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌，更是艺术与科技的完美结合。通过掌握自定义视图，开发者能够打破常规，创造出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战应用，一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者，这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密，将你的应用打造成一件艺术品吧！
mrq4nk6ni2neg
69 10
mrq4nk6ni2neg
|
3月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中，自定义视图控件是一种高级技巧，它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例，引导你了解如何在安卓项目中实现自定义视图控件，包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者，这篇文章都会为你提供有价值的见解和技巧。
mrq4nk6ni2neg
55 3
天下无贼001
|
3月前
|
前端开发 Android开发 开发者
安卓应用开发中的自定义视图基础
【9月更文挑战第13天】在安卓开发的广阔天地中，自定义视图是一块神奇的画布，它允许开发者将想象力转化为用户界面的创新元素。本文将带你一探究竟，了解如何从零开始构建自定义视图，包括绘图基础、触摸事件处理，以及性能优化的实用技巧。无论你是想提升应用的视觉吸引力，还是追求更流畅的交互体验，这里都有你需要的金钥匙。
天下无贼001
51 4