美文网首页Android Android开发经验谈
Android版本微信头像剪裁与系统剪裁之间的选择

Android版本微信头像剪裁与系统剪裁之间的选择

作者: hloong | 来源:发表于2016-04-19 17:10 被阅读604次

当然选类似微信的剪裁咯,为什么?请看下文分析

众所周知头像剪裁上传是绝大部分APP必备的功能之一,但是剪裁的模式有2种交互形式;

第一种是采用系统自带的剪裁功能,我个人是比较青睐系统的这种交互模式的,但是很可惜,在一些手机上出现问题,不得不弃用

Paste_Image.png

第二种是微信版本自定义剪裁图,当然微信的这个并没有判断图片边界与自定义白色矩形框是否相连,我想这是一个bug吧,属于遗留问题

Paste_Image.png

首先我们来看第一种市面上常用的方法也是最早的方法,随便一搜就是,

Paste_Image.png
比如我们搜索到第一个结果页面
http://blog.csdn.net/geofferysun/article/details/42835669
就是典型的采用这种方式来做的
没错,现在依然有大量的APP采用第一种方案,沿用系统的方法,但是这里有多重弊病,
  • 第一:解决android4.4本地方法变动的问题,相信这一点很多人都解决了,代码如下:
Intent intent;
if (android.os.Build.VERSION.SDK_INT >= 19) { // 判断是不是4.4 
intent = new Intent(Intent.ACTION_PICK, Media.EXTERNAL_CONTENT_URI);
} else {
 intent=new Intent(Intent.ACTION_GET_CONTENT);
}
intent.setType("image/*"); // 设置文件类型
  • 第二:很多人没有解决小米MIUI系统路径的问题,这里也是有相应的解决方案
    http://blog.csdn.net/eclothy/article/details/42719217
  • 第三:即便解决了小米MIUI系统路径问题,也会导致其他手机产生各种奇葩问题
    金立手机剪裁图片成功后无法进入到RESULT_OK,
    在其他手机(华为,中兴,魅族,小米等)都可以判断唯独金立M5不行
    但是这个问题我始终没有很好的办法解决,所以最后我只能判断如果是出问题的手机比如金立,那么就采用通常的做法将剪裁图片设置为
    intent.putExtra("return-data", true);
    如果是其他的手机就采用miui系统路径传递;这样能基本上解决这种剪裁出现的问题,但是不能保证以后其他手机会不会出现金立这样的问题,

所以我还是弃用了这种系统剪裁图片传递的方式采用第二种微信的方式

然后我在网上搜到了以下参考资料,其中clip-image犹豫项目太繁琐我没用采用,转而看了clip-image作者引用的2个csdn链接,其中大神鸿洋的博客我是经常关顾,但是很少练习,惭愧!
https://github.com/msdx/clip-image
http://blog.csdn.net/lmj623565791/article/details/39761281
http://blog.csdn.net/xiechengfa/article/details/45702427
最后一个链接中的代码其实已经是很完善了,但是有一个问题,就是当图片过大的时候处理速度过慢,然后传递过程会出现问题,
比如小米4拍摄的图片分辨率很大,头像其实没必要过于清晰,设置头像大小和手机屏幕差不多宽就可以满足需求了,
所以我将代码修改了
ClipImageActivity中的代码片段:

//不在内存中读取图片的宽高
opts.inJustDecodeBounds = true;
BitmapFactory.decodeFile(path, opts);
int width = opts.outWidth;
//注意此处为了解决1080p手机拍摄图片过大所以做了一定压缩,否则bitmap在小米4以及拍图比较大的机型上会显示黑屏
opts.inSampleSize = width > 1080 ? (int)(width / 1080) : 1;
opts.inJustDecodeBounds = false;// 这里一定要将其设置回false,因为之前我们将其设置成了true

并且将图片剪裁的时候设置了大小控制,比如我们是500kb的显示那就是
ClipZoomImageView文件中的代码片段:

//将剪裁的图片压缩到500k以下,如果没需求就注释该段代码 
ByteArrayOutputStream baos = new ByteArrayOutputStream();  
int options = 100;//保存的图片自动压缩低于500k 
bitmap.compress(Bitmap.CompressFormat.JPEG, options, baos);  
while (baos.toByteArray().length / 1024 > 500) {  
  baos.reset();  
  options -= 10;  
  bitmap.compress(Bitmap.CompressFormat.JPEG, options, baos);  
} 

如果你所需要的上传图片是其他值直接将500改成你所要的就可以了
完整代码(拿来就可以用的)地址:https://github.com/hloong/ClipHeadIcon
效果展示:

Paste_Image.png

相关文章

  • Android版本微信头像剪裁与系统剪裁之间的选择

    当然选类似微信的剪裁咯,为什么?请看下文分析 众所周知头像剪裁上传是绝大部分APP必备的功能之一,但是剪裁的模式有...

  • Android图片剪裁之调用系统剪裁

    参考: http://www.cnblogs.com/rossoneri/p/3976530.html https...

  • 图片处理

    图片选择: 图片剪裁 Android 4.4 的权限问题,导致App 裁剪图片不能保存 android 7.0 U...

  • UIImage剪裁、压缩、拉伸等处理

    1. 图片剪裁方法 直接调用如下系统现成的图片剪裁方法,封装成- (UIImage *)imageByCropTo...

  • 相册选择+相机拍照,剪裁上传头像

    参考文章:https://blog.csdn.net/lmj623565791/article/details/7...

  • 解决小米6 系统调用相册或者拍照后无法剪裁的问题

    项目在其他手机运行正常,在小米6 上出现了问题,从系统相册或者拍照后对图片进行剪裁,导致相片无法剪裁,此时按剪裁或...

  • 剪裁

    听说现在的人 都喜欢直白简单 不喜欢繁复 所以在花店老板把那束玫瑰的叶片剪去时 我也把给你的三页情书 压缩成了两三...

  • 剪裁

    晚上忙完自己的一些事情,崔老师给了我几张纸要剪裁好,原先觉得这不过是件很简单的事情。只要按照它的外轮廓剪下...

  • 剪裁

    事事实虽是如此,但是用不着写那两个人,因为后面也没这两人什么事?所以可以删,这就是剪裁。剪裁是看不见的构思。 “连...

  • 剪裁

    深入到内心和灵魂,我们就会发现我们的共同之处。我们都是人。 不管是塞尔维亚人、阿尔巴尼亚人、巴勒斯坦人,还是犹太人...

网友评论

  • 6ee72519b51d:对我有用,谢谢作者的分享
    9c0c5a3223b7:@hloong 微信都把API提到15了,美团是16,你做的app有多厉害,还要兼容4.0以下
    hloong:@wallace_dong 你可以去看看uCrop的issues,大量的bug未修复;此代码简单功能单一只用于头像,如果有Bug(目前我适配的多种机型以及老式机器都无问题)完全可以自己修改,还有uCrop不支持4.0以下的
    9c0c5a3223b7:@_Vv 用uCrop,青年

本文标题:Android版本微信头像剪裁与系统剪裁之间的选择

本文链接:https://www.haomeiwen.com/subject/zuczlttx.html