不过值得一提的是：上面这个手势检测的写法，不是我想的，而是一个开源的项目https://github.com/rharter/android-gesture-detectors，里面包含很多的手势检测。对应的博文是：http://code.almeros.com/android-multitouch-gesture-detectors#.VibzzhArJXg那面上面两个类就是我偷学了的~ 哈

一、概述

对于加载图片，大家都不陌生，一般为了尽可能避免OOM都会按照如下做法：

1. 对于图片显示：根据需要显示图片控件的大小对图片进行压缩显示。
2. 如果图片数量非常多：则会使用LruCache等缓存机制，将所有图片占据的内容维持在一个范围内。

其实对于图片加载还有种情况，就是单个图片非常巨大，并且还不允许压缩。比如显示：世界地图、清明上河图、微博长图等。

那么对于这种需求，该如何做呢？

首先不压缩，按照原图尺寸加载，那么屏幕肯定是不够大的，并且考虑到内存的情况，不可能一次性整图加载到内存中，所以肯定是局部加载，那么就需要用到一个类：

• BitmapRegionDecoder

其次，既然屏幕显示不完，那么最起码要添加一个上下左右拖动的手势，让用户可以拖动查看。

那么综上，本篇博文的目的就是去自定义一个显示巨图的View，支持用户去拖动查看，大概的效果图如下：

好吧，这清明上河图太长了，想要观看全图，文末下载，图片在assets目录。当然如果你的图，高度也很大，肯定也是可以上下拖动的。

二、初识BitmapRegionDecoder

BitmapRegionDecoder主要用于显示图片的某一块矩形区域，如果你需要显示某个图片的指定区域，那么这个类非常合适。

对于该类的用法，非常简单，既然是显示图片的某一块区域，那么至少只需要一个方法去设置图片；一个方法传入显示的区域即可；详见：

• BitmapRegionDecoder提供了一系列的newInstance方法来构造对象，支持传入文件路径，文件描述符，文件的inputstrem等。

  例如：

  [html] view plaincopy

  1. BitmapRegionDecoder bitmapRegionDecoder =
  2. BitmapRegionDecoder.newInstance(inputStream, false);<code class="language-java hljs  has-numbering"></code>

• 上述解决了传入我们需要处理的图片，那么接下来就是显示指定的区域。

  [html] view plaincopy

  1. bitmapRegionDecoder.decodeRegion(rect, options);

  参数一很明显是一个rect，参数二是BitmapFactory.Options，你可以控制图片的inSampleSize,inPreferredConfig等。

那么下面看一个超级简单的例子：

上述代码，就是使用BitmapRegionDecoder去加载assets中的图片，调用bitmapRegionDecoder.decodeRegion解析图片的中间矩形区域，返回bitmap，最终显示在ImageView上。

效果图：

上面的小图显示的即为下面的大图的中间区域。

ok，那么目前我们已经了解了BitmapRegionDecoder的基本用户，那么往外扩散，我们需要自定义一个控件去显示巨图就很简单了，首先Rect的范围就是我们View的大小，然后根据用户的移动手势，不断去更新我们的Rect的参数即可。

三、自定义显示大图控件

根据上面的分析呢，我们这个自定义控件思路就非常清晰了：

• 提供一个设置图片的入口
• 重写onTouchEvent，在里面根据用户移动的手势，去更新显示区域的参数
• 每次更新区域参数后，调用invalidate，onDraw里面去regionDecoder.decodeRegion拿到bitmap，去draw

理清了，发现so easy，下面上代码：

根据上述源码:

1. setInputStream里面去获得图片的真实的宽度和高度，以及初始化我们的mDecoder
2. onMeasure里面为我们的显示区域的rect赋值，大小为view的尺寸
3. onTouchEvent里面我们监听move的手势，在监听的回调里面去改变rect的参数，以及做边界检查，最后invalidate
4. 在onDraw里面就是根据rect拿到bitmap，然后draw了

ok，上面并不复杂，不过大家有没有注意到，这个监听用户move手势的代码写的有点奇怪，恩，这里模仿了系统的ScaleGestureDetector，编写了MoveGestureDetector，代码如下：

• MoveGestureDetector

  [html] view plaincopy

  1. package com.zhy.blogcodes.largeImage.view;
  2. import android.content.Context;
  3. import android.graphics.PointF;
  4. import android.view.MotionEvent;
  5. public class MoveGestureDetector extends BaseGestureDetector
  6. {
  7. private PointF mCurrentPointer;
  8. private PointF mPrePointer;
  9. //仅仅为了减少创建内存
  10. private PointF mDeltaPointer = new PointF();
  11. //用于记录最终结果，并返回
  12. private PointF mExtenalPointer = new PointF();
  13. private OnMoveGestureListener mListenter;
  14. public MoveGestureDetector(Context context, OnMoveGestureListener listener)
  15. {
  16. super(context);
  17. mListenter = listener;
  18. }
  19. @Override
  20. protected void handleInProgressEvent(MotionEvent event)
  21. {
  22. int actionCode = event.getAction() & MotionEvent.ACTION_MASK;
  23. switch (actionCode)
  24. {
  25. case MotionEvent.ACTION_CANCEL:
  26. case MotionEvent.ACTION_UP:
  27. mListenter.onMoveEnd(this);
  28. resetState();
  29. break;
  30. case MotionEvent.ACTION_MOVE:
  31. updateStateByEvent(event);
  32. boolean update = mListenter.onMove(this);
  33. if (update)
  34. {
  35. mPreMotionEvent.recycle();
  36. mPreMotionEvent = MotionEvent.obtain(event);
  37. }
  38. break;
  39. }
  40. }
  41. @Override
  42. protected void handleStartProgressEvent(MotionEvent event)
  43. {
  44. int actionCode = event.getAction() & MotionEvent.ACTION_MASK;
  45. switch (actionCode)
  46. {
  47. case MotionEvent.ACTION_DOWN:
  48. resetState();//防止没有接收到CANCEL or UP ,保险起见
  49. mPreMotionEvent = MotionEvent.obtain(event);
  50. updateStateByEvent(event);
  51. break;
  52. case MotionEvent.ACTION_MOVE:
  53. mGestureInProgress = mListenter.onMoveBegin(this);
  54. break;
  55. }
  56. }
  57. protected void updateStateByEvent(MotionEvent event)
  58. {
  59. final MotionEvent prev = mPreMotionEvent;
  60. mPrePointer = caculateFocalPointer(prev);
  61. mCurrentPointer = caculateFocalPointer(event);
  62. //Log.e("TAG", mPrePointer.toString() + " ,  " + mCurrentPointer);
  63. boolean mSkipThisMoveEvent = prev.getPointerCount() != event.getPointerCount();
  64. //Log.e("TAG", "mSkipThisMoveEvent = " + mSkipThisMoveEvent);
  65. mExtenalPointer.x = mSkipThisMoveEvent ? 0 : mCurrentPointer.x - mPrePointer.x;
  66. mExtenalPointer.y = mSkipThisMoveEvent ? 0 : mCurrentPointer.y - mPrePointer.y;
  67. }
  68. /**
  69. * 根据event计算多指中心点
  70. *
  71. * @param event
  72. * @return
  73. */
  74. private PointF caculateFocalPointer(MotionEvent event)
  75. {
  76. final int count = event.getPointerCount();
  77. float x = 0, y = 0;
  78. for (int i = 0; i < count; i++)
  79. {
  80. x += event.getX(i);
  81. y += event.getY(i);
  82. }
  83. x /= count;
  84. y /= count;
  85. return new PointF(x, y);
  86. }
  87. public float getMoveX()
  88. {
  89. return mExtenalPointer.x;
  90. }
  91. public float getMoveY()
  92. {
  93. return mExtenalPointer.y;
  94. }
  95. public interface OnMoveGestureListener
  96. {
  97. public boolean onMoveBegin(MoveGestureDetector detector);
  98. public boolean onMove(MoveGestureDetector detector);
  99. public void onMoveEnd(MoveGestureDetector detector);
  100. }
  101. public static class SimpleMoveGestureDetector implements OnMoveGestureListener
  102. {
  103. @Override
  104. public boolean onMoveBegin(MoveGestureDetector detector)
  105. {
  106. return true;
  107. }
  108. @Override
  109. public boolean onMove(MoveGestureDetector detector)
  110. {
  111. return false;
  112. }
  113. @Override
  114. public void onMoveEnd(MoveGestureDetector detector)
  115. {
  116. }
  117. }
  118. }

• BaseGestureDetector

  [html] view plaincopy

  1. package com.zhy.blogcodes.largeImage.view;
  2. import android.content.Context;
  3. import android.view.MotionEvent;
  4. public abstract class BaseGestureDetector
  5. {
  6. protected boolean mGestureInProgress;
  7. protected MotionEvent mPreMotionEvent;
  8. protected MotionEvent mCurrentMotionEvent;
  9. protected Context mContext;
  10. public BaseGestureDetector(Context context)
  11. {
  12. mContext = context;
  13. }
  14. public boolean onToucEvent(MotionEvent event)
  15. {
  16. if (!mGestureInProgress)
  17. {
  18. handleStartProgressEvent(event);
  19. } else
  20. {
  21. handleInProgressEvent(event);
  22. }
  23. return true;
  24. }
  25. protected abstract void handleInProgressEvent(MotionEvent event);
  26. protected abstract void handleStartProgressEvent(MotionEvent event);
  27. protected abstract void updateStateByEvent(MotionEvent event);
  28. protected void resetState()
  29. {
  30. if (mPreMotionEvent != null)
  31. {
  32. mPreMotionEvent.recycle();
  33. mPreMotionEvent = null;
  34. }
  35. if (mCurrentMotionEvent != null)
  36. {
  37. mCurrentMotionEvent.recycle();
  38. mCurrentMotionEvent = null;
  39. }
  40. mGestureInProgress = false;
  41. }
  42. }

  你可能会说，一个move手势搞这么多代码，太麻烦了。的确是的，move手势的检测非常简单，那么之所以这么写呢，主要是为了可以复用，比如现在有一堆的XXXGestureDetector，当我们需要监听什么手势，就直接拿个detector来检测多方便。我相信大家肯定也郁闷过Google，为什么只有ScaleGestureDetector而没有RotateGestureDetector呢。

根据上述，大家应该理解了为什么要这么做，当时不强制，每个人都有个性。

不过值得一提的是：上面这个手势检测的写法，不是我想的，而是一个开源的项目https://github.com/rharter/android-gesture-detectors，里面包含很多的手势检测。对应的博文是：http://code.almeros.com/android-multitouch-gesture-detectors#.VibzzhArJXg那面上面两个类就是我偷学了的~ 哈

四、测试

测试其实没撒好说的了，就是把我们的LargeImageView放入布局文件，然后Activity里面去设置inputstream了。

然后在Activity里面去设置图片：

效果图：

ok，那么到此，显示巨图的方案以及详细的代码就描述完成了，总体还是非常简单的。 
但是，在实际的项目中，可能会有更多的需求，比如增加放大、缩小；增加快滑手势等等，那么大家可以去参考这个库：https://github.com/johnnylambada/WorldMap，该库基本实现了绝大多数的需求，大家根据本文这个思路再去看这个库，也会简单很多，定制起来也容易。我这个地图的图就是该库里面提供的。

Android 高清加载长图或大图方案相关推荐

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

   Android 高清加载巨图方案 拒绝压缩图片 转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/49300989:  本文出自: ...

2. Android 高清加载巨图方案 拒绝压缩图片 避免oom

   一.概述 距离上一篇博客有段时间没更新了,主要是最近有些私事导致的,那么就先来一篇简单一点的博客脉动回来. 对于加载图片,大家都不陌生,一般为了尽可能避免OOM都会按照如下做法: 对于图片显示:根据需 ...

3. 高清加载巨图方案-拒绝压缩图片

   Android 高清加载巨图方案 拒绝压缩图片 转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/49300989: 本文出自:[张 ...

4. android 漫画加载方案,Android加载长图的多种方案分享

   背景介绍 在某些特定场景下,我们需要考虑加载长图的需求,比如加载一幅<清明上河图>,这个好像有点过分了,那就加载1/2的<清明上河图>吧... 那TMD还不是一样道理. 言归正 ...

5. Android之SubsamplingScaleImageView加载长图不能放缩问题

   1 问题 第三方开源框架用了这个第三方开源框架(SubsamplingScaleImageView)加载长图,但是源代码在有些手机上面不能进行放缩. private void displayLongP ...

6. Android_高清加载巨图方案 拒绝压缩图片

   原文出处:http://blog.csdn.net/lmj623565791/article/details/49300989 一.概述 距离上一篇博客有段时间没更新了,主要是最近有些私事导致的,那么 ...

7. Android加载长图滑动显示

   1.记录下学到的Android加载长图写法以备后用 首先准备一张长图.这里把图片先放到项目的 assets文件夹下:命名为big.png 然后开始自定义显示长图的view :BigView impor ...

8. android加载长图宽度自适应,Android使用Glide加载超长图

   app项目开发过程中,大都有查看图片详情的功能模块.实现的方式一般都是通过viewpager+photoView+Glide的方式.这种方式下,如果碰到加载超长图,比如说高清版的清明上河图/世界地图, ...

9. Android加载长图，仿微博长图滚动查看

   /** * Created by sunrui on 2017/3/8. * 加载长图片 * 解决步骤 * 1.将图片缩放到与控件等宽 * 2.判断缩放后的图片高度,如果高度大于控件高度较多(这里设置 ...

最新文章

1. ORACLE数据库备份
2. MSSQL WITH (NOLOCK) 脏读
3. 简单的JavaScript互斥锁
4. 聪明的木匠（优先队列，思维）
5. 初探儿童编程，如何学习编程及幼儿逻辑训练的必要性
6. 解决文件路径的问题的总结
7. Category 特性在 iOS 组件化中的应用与管控
8. 常用的实现Javaweb页面跳转的方式
9. 类 kotlin(13)
10. 文本聚类算法 python_文本聚类算法之K-means算法的python实现
11. 何凯明最新一作MAE解读系列2之代码实践
12. 自学web前端怎么学？web前端学习路线css属性
13. 蓝牙协议栈HFP SCO连接流程
14. arm cache ace chi
15. 读《春秋》有感之十四：吴王寿梦
16. 《现代命令行工具指南》9. 删除文件：让删除文件变得安全可控 - trash-cli
17. 中移在线2020春季校招java开发岗面经
18. BAT企业招聘的职位里，60%以上都在招大数据人才！
19. 诺贝尔奖项陆续公布 中国相关研究已居世界高端
20. QT上位机：局域网特定设备ip查询和显示

热门文章

1. 实现阿拉伯数字转中文大写
2. eeepc linux 软件管理,华硕EeePC 901下EEEbuntu 3.0完美优化教程
3. 主成分分析和主成分回归
4. 专注于IBM公司愈百年来工程项目开发与管理
5. ubuntu 支持cuteFTP
6. 找不到战网服务器ip地址,《冰封王座》战网服务器IP地址大全
7. 基于tensorflow的ResNet50V2网络识别动物
8. 纯CSS实现地图标记光圈扩散效果
9. iOS Wow体验 - 第四章 - 为应用的上下文环境而设计
10. Sox(Sound eXchange)一款强大的音频处理工具格式转化、切割音频、合并音频等