美文网首页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

    相关文章

      网友评论

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

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

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