Android大图片裁剪终极解决方案

约定不等于承诺〃 2022-08-04 01:57 163阅读 0赞

# Android大图片裁剪终极解决方案（上：原理分析） #

约几个月前，我正为公司的APP在Android手机上实现拍照截图而烦恼不已。

上网搜索，确实有不少的例子，大多都是抄来抄去，而且水平多半处于demo的样子，可以用来讲解知识点，但是一碰到实际项目，就漏洞百出。

当时我用大众化的解决方案，暂时性的做了一个拍照截图的功能，似乎看起来很不错。可是问题随之而来，我用的是小米手机，在别的手机上都运行正常，在小米这里却总是碰钉子。虽然我是个理性的米粉，但是也暗地里把小米的工程师问候了个遍。真是惭愧！

翻文档也找不出个答案来，我一直对**com.android.camera.action.CROP**持有大大的疑问，它是从哪里来，它能干什么，它接收处理什么类型的数据？Google对此却讳莫如深，在官方文档中只有Intent中有只言片语言及，却不甚详尽。

随着项目的驱动，我不能抱着不了解原理就不往前走的心态，唯一要做的，是解决问题。最后在德问上找到一条解决方案，说是哪怕是大米也没问题。当时乐呵呵将代码改了改，确实在所有的手机上跑起来了，一时如释重负，对这个的疑问也抛诸脑后了。

直到月前，BOSS要求将拍照上传到服务器的图片分辨率加倍。OK，加倍简单，增加`outputX`以及`outputY`不就得了？

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
</pre> </td> 
 <td> <pre><code>intent.putExtra("outputX", outputX); intent.putExtra("outputY", outputY); </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

这一增加，吓了我一跳。BOSS的手机拍到的照片几乎就是个缩略图，但是被我问候了全体工程师的小米在这个时候就体现出国产神机的范儿了，小米上的尺寸一切正常。这个为什么呢？我大致了解原因，却不知道如何解决。

在Android中，Intent触发Camera程序，拍好照片后，将会返回数据，但是考虑到内存问题，Camera不会将全尺寸的图像返回给调用的Activity，一般情况下，有可能返回的是缩略图，比如**120\*160px**。

这是为什么呢？这不是一个Bug，而是经过精心设计的，却对开发者不透明。

以我的小米手机为例，摄像头800W像素，根据我目前设置拍出来的图片尺寸为**3200\*2400px**。有人说，那就返回呗，大不了耗1-2M的内存，不错，这个尺寸的图片确实只有1.8M左右的大小。但是你想不到的是，这个尺寸对应的Bitmap会耗光你应用程序的所有内存。Android出于安全性考虑，只会给你一个寒碜的缩略图。

在Android2.3中，默认的Bitmap为32位，类型是`ARGB_8888`，也就意味着一个像素点占用4个字节的内存。我们来做一个简单的计算题：

`3200*2400*4 bytes = 30M`

如此惊人的数字！哪怕你愿意为一张生命周期超不过10s的位图愿意耗费这么巨大的内存，Android也不会答应的。

> Mobile devices typically have constrained system resources. Android devices can have as little as 16MB of memory available to a single application.

这是Android Doc的原文，虽然不同手机系统的厂商可能围绕16M这个数字有微微的上调，但是这30M，一般的手机还真挥霍不起。也只有小米这种牛机，内存堪比个人PC，本着土财主般挥金如土的霸气才能做到。

OK，说了这么多，无非是吐吐苦水，爆爆个人经历而已，实际的解决方案在哪里呢？

我也是Google到的，话说一般百度不了的问题，那就`Google`或者直接`StackOverFlow`，只不过得看英文罢了。

最后翻来覆去，我在国外的一个Android团队的博客中找到了相应的方案，印证了我的猜想同时也给出了实际的代码。

我将这篇文章翻译成了中文，作为本博客的基础，建议详细看看。

[【译】如何使用Android MediaStore裁剪大图片][Android MediaStore]

这篇博客了不起的地方在于解决了Android对返回图片的大小限制，并且详细解释了裁剪图片的`Intent`附加数据的具体含义。我只是站在巨人的肩膀上，改善方案，适应更广泛需求而已。

拿图说事儿：

![Intent Options][]

`Intent("com.android.camera.action.CROP")`对应的所有可选数据都一目了然。在了解上面个个选项的含义之后，我们将目光着眼于三个极为重要的选项：

*  data
 *  MediaStore.EXTRA\_OUTPUT
 *  return-data

`data和MediaStore.EXTRA_OUTPUT`都是可选的传入数据选项，你可以选择设置data为Bitmap，或者将相应的数据与URI关联起来，你也可以选择是否返回数据（return-data: true）。

为什么还有不用返回数据的选项？如果对URI足够了解的话，应该知道URI与File相似，你所有的操作如裁剪将数据都保存在了URI中，你已经持有了相应的URI，也就无需多此一举，再返回Bitmap了。

前面已经说到，可以设置data为Bitmap，但是这种操作的限制在于，你的Bitmap不能太大。因此，我们前进的思路似乎明确了：截大图用URI，小图用Bitmap。

我将这个思路整理成一张图片：

![idea][]

这篇主要让大家了解需求的来源，以及如何去思考分析并解决问题。下一篇博客将介绍具体的操作。

# Android大图片裁剪终极解决方案（中：从相册截图） #

在这篇博客中，我将向大家展示如何从相册截图。

上一篇博客中，我就拍照截图这一需求进行了详细的分析，试图让大家了解 Android 本身的限制，以及我们应当采取的实现方案。

根据我们的分析与总结，图片的来源有拍照和相册，而可采取的操作有

*  使用Bitmap并返回数据
 *  使用Uri不返回数据

前面我们了解到，使用Bitmap有可能会导致图片过大，而不能返回实际大小的图片，我将采用大图Uri，小图Bitmap的数据存储方式。

我们将要使用到URI来保存拍照后的图片：

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
</pre> </td> 
 <td> <pre><code>static final String IMAGE_FILE_LOCATION = "file:///sdcard/temp.jpg";//temp file Uri imageUri = Uri.parse(IMAGE_FILE_LOCATION);//The Uri to store the big bitmap </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

不难知道，我们从相册选取图片的**Action**为`Intent.ACTION_GET_CONTENT`。

根据我们上一篇博客的分析，我准备好了两个实例的Intent。

#### 一、从相册截大图： ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
</pre> </td> 
 <td> <pre><code>Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null); intent.setType("image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 2); intent.putExtra("aspectY", 1); intent.putExtra("outputX", 600); intent.putExtra("outputY", 300); intent.putExtra("scale", true); intent.putExtra("return-data", false); intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString()); intent.putExtra("noFaceDetection", true); // no face detection startActivityForResult(intent, CHOOSE_BIG_PICTURE); </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 二、从相册截小图 ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre> </td> 
 <td> <pre><code>Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null); intent.setType("image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 2); intent.putExtra("aspectY", 1); intent.putExtra("outputX", 200); intent.putExtra("outputY", 100); intent.putExtra("scale", true); intent.putExtra("return-data", true); intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString()); intent.putExtra("noFaceDetection", true); // no face detection startActivityForResult(intent, CHOOSE_SMALL_PICTURE); </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 三、对应的onActivityResult可以这样处理返回的数据 ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre> </td> 
 <td> <pre><code>switch (requestCode) { case CHOOSE_BIG_PICTURE: Log.d(TAG, "CHOOSE_BIG_PICTURE: data = " + data);//it seems to be null if(imageUri != null){ Bitmap bitmap = decodeUriAsBitmap(imageUri);//decode bitmap imageView.setImageBitmap(bitmap); } break; case CHOOSE_SMALL_PICTURE: if(data != null){ Bitmap bitmap = data.getParcelableExtra("data"); imageView.setImageBitmap(bitmap); }else{ Log.e(TAG, "CHOOSE_SMALL_PICTURE: data = " + data); } break; } </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 效果图 ####

![大图][183645_yuLJ_245415.gif]

![小图][183707_DnNy_245415.gif]

# Android大图片裁剪终极解决方案（下：拍照截图） #

上一篇博客中，我们学习到了如何使用Android相册截图。在这篇博客中，我将向大家展示如何拍照截图。

拍照截图有点儿特殊，要知道，现在的Android智能手机的摄像头都是几百万的像素，拍出来的图片都是非常大的。因此，我们不能像对待相册截图一样使用Bitmap小图，无论大图小图都统一使用Uri进行操作。

#### 一、首先准备好需要使用到的Uri： ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
</pre> </td> 
 <td> <pre><code>private static final String IMAGE_FILE_LOCATION = "file:///sdcard/temp.jpg";//temp file Uri imageUri = Uri.parse(IMAGE_FILE_LOCATION);//The Uri to store the big bitmap </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 二、使用MediaStore.ACTION\_IMAGE\_CAPTURE可以轻松调用Camera程序进行拍照： ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
</pre> </td> 
 <td> <pre><code>Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);//action is capture intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); startActivityForResult(intent, TAKE_BIG_PICTURE);//or TAKE_SMALL_PICTURE </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 三、接下来就可以在 onActivityResult中拿到返回的数据（Uri），并将Uri传递给截图的程序。 ####

可以看到，无论是拍大图片还是小图片，都是使用的Uri，只是尺寸不同而已。我们将这个操作封装在一个方法里面。

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre> </td> 
 <td> <pre><code>private void cropImageUri(Uri uri, int outputX, int outputY, int requestCode){ Intent intent = new Intent("com.android.camera.action.CROP"); intent.setDataAndType(uri, "image/*"); intent.putExtra("crop", "true"); intent.putExtra("aspectX", 2); intent.putExtra("aspectY", 1); intent.putExtra("outputX", outputX); intent.putExtra("outputY", outputY); intent.putExtra("scale", true); intent.putExtra(MediaStore.EXTRA_OUTPUT, uri); intent.putExtra("return-data", false); intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString()); intent.putExtra("noFaceDetection", true); // no face detection startActivityForResult(intent, requestCode); } </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 四、最后一步，我们已经将数据传入裁剪图片程序，接下来要做的就是处理返回的数据了： ####

<table> 
 <tbody> 
 <tr> 
 <td> <pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
</pre> </td> 
 <td> <pre><code>switch (requestCode) { case CROP_BIG_PICTURE://from crop_big_picture Log.d(TAG, "CROP_BIG_PICTURE: data = " + data);//it seems to be null if(imageUri != null){ Bitmap bitmap = decodeUriAsBitmap(imageUri); imageView.setImageBitmap(bitmap); } break; case CROP_SMALL_PICTURE: if(imageUri != null){ Bitmap bitmap = decodeUriAsBitmap(imageUri); imageView.setImageBitmap(bitmap); }else{ Log.e(TAG, "CROP_SMALL_PICTURE: data = " + data); } break; default: break; } </code></pre> </td> 
 </tr> 
 </tbody> 
</table>

#### 效果图： ####

![截图演示][184229_tlMc_245415.gif]

> 代码托管于GitHub，会不定期更新：[https://github.com/ryanhoo/PhotoCropper][https_github.com_ryanhoo_PhotoCropper]

[Android MediaStore]: http://my.oschina.net/ryanhoo/blog/86843
[Intent Options]: /images/20220731/0c65bac96fa046b6a15476bc8a5d6523.png
[idea]: /images/20220731/1ee8327e3221452280854497149b9cce.png
[183645_yuLJ_245415.gif]: /images/20220731/5e92fb4b35224329b6163779b4192d3f.png
[183707_DnNy_245415.gif]: /images/20220731/709e65e8dfcd4dba9d888cbab2ca756c.png
[184229_tlMc_245415.gif]: /images/20220731/0abf296751db4a10841315b1a4f16c7d.png
[https_github.com_ryanhoo_PhotoCropper]: https://github.com/ryanhoo/PhotoCropper