Android 拍照/选择照片并剪切成头像

头像裁剪上传功能在现在的App中基本都要用到,今天总结了一下,用比较简单实用的方式(调用系统API)来实现需求。这样做简单,但是不同的手机和系统上裁剪和选择图片的方式有一些区别。

首先来看一下效果图

相册里的图片本身像素比较低,后面是剪切之后强行放大的效果,所以看着比较模糊,实际问题上要计算好剪切的图片的大小。

GIF.gif

分析一下需求

主要有三个步骤:1.获取图片。2.裁剪图片。3.显示和上传

  • 1.获取图片,拍照和从相册获取。没啥好说的,调用系统。

  • 2.裁剪图片。这个可以用系统自带的,也可以用第三方框架。相比来说还是用系统自带的比较简单一些,下面介绍的也是用系统的。第三方框架可以使用这个 android-cropuCrop 或者这个cropper ,怎么使用请看Demo。

  • 3.显示和上传。这个就不用我说了吧。

具体实现

1. 获取图片
  • 拍照,调用相机拍照

    // 创建打开系统相机的意图                
    Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
    // 设置参数。将拍照所得的照片存到磁盘中;照片文件的位置,此处是在外置SD卡
    takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(getExternalCacheDir(), HEAD_ICON_NAME)));
    // 调用系统相机
    startActivityForResult(takeIntent, REQUESTCODE_TAKE);
    
  • 从系统图库中选择一张图片

    
    // 创建打开系统图库的意图
    Intent pickIntent = new Intent(Intent.ACTION_PICK, null);
    // 设置Intent的参数,选择MediaStore中的图片
    pickIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
    // 开启意图
    startActivityForResult(pickIntent, REQUESTCODE_PICK);
    
2. 裁剪图片
  •  1.得到图片
    
      
      /**
       * 获取图片,根据两种不同的情况下的requestCode分别获取图片
       */
      protected void onActivityResult(int requestCode, int resultCode, Intent data) {
          switch (requestCode) {
              case REQUESTCODE_PICK:// 直接从相册获取
                  try {
                        // 裁剪图片,相机返回的intent就是URI
                      startPhotoZoom(data.getData());
                  } catch (NullPointerException e) {
                      e.printStackTrace();// 用户点击取消操作时的异常
                  }
                  break;
              case REQUESTCODE_TAKE:// 调用相机拍照
                // 我们刚刚调用相机拍照的效果是将图片存到磁盘中,此时把图片拿出来
                  File temp = new File(getExternalCacheDir(), HEAD_ICON_NAME);
                // 转成URI给下面的裁剪图片的方法调用
                  startPhotoZoom(Uri.fromFile(temp));
                  break;
              case REQUESTCODE_CUTTING:// 取得裁剪后的图片
                  if (data != null) {
                      //setPicToView(data);
                      showIcon();
                  }
                  break;
          }
          super.onActivityResult(requestCode, resultCode, data);
      }
  •  2.裁剪图片
    
       mImageUri = Uri.fromFile(new File(getExternalCacheDir(), HEAD_ICON_NAME));

      /**
       * 裁剪图片方法实现
       *
       * @param uri 要裁剪的图片的URI
       */

      public void startPhotoZoom(Uri uri) {
          Intent intent = new Intent("com.android.camera.action.CROP");
          // crop=true是设置在开启的Intent中设置显示的VIEW可裁剪
          intent.setDataAndType(uri, "image/*");
          intent.putExtra("crop", "true");
          // aspectX aspectY 是宽高的比例
          intent.putExtra("aspectX", 1);
          intent.putExtra("aspectY", 1);
          // outputX outputY 是裁剪图片宽高,这里可以将宽高作为参数传递进来
          intent.putExtra("outputX", 600);
          intent.putExtra("outputY", 600);
        
          // 其实加上下面这两句就可以实现基本功能,
          //但是这样做我们会直接得到图片的数据,以bitmap的形式返回,在Intent中。而Intent传递数据大小有限制,1kb=1024字节,这样就对最后的图片的像素有限制。
          //intent.putExtra("return-data", true);
          //intent.putExtra(MediaStore.EXTRA_OUTPUT, tempUri);
             
          // 解决不能传图片,Intent传递数据大小有限制,1kb=1024字节
          // 方法:裁剪后的数据不以bitmap的形式返回,而是放到磁盘中,更方便上传和本地缓存
          // 设置裁剪后的数据不以bitmap的形式返回,剪切后图片的位置,图片是否压缩等
          intent.putExtra("return-data", false);
          intent.putExtra(MediaStore.EXTRA_OUTPUT, mImageUri);
          intent.putExtra("outputFormat", Bitmap.CompressFormat.JPEG.toString());
          intent.putExtra("noFaceDetection", true);
            
          // 调用系统的图片剪切
          startActivityForResult(intent, REQUESTCODE_CUTTING);
      }
3. 获取裁剪后的图片并显示和上传

刚刚我们已经获得了裁剪后的图片的磁盘的位置,直接显示和上传就行了

  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
      switch (requestCode) {
          case REQUESTCODE_PICK:// 直接从相册获取
              ... 
              break;
          case REQUESTCODE_TAKE:// 调用相机拍照
              ... 
              break;
          case REQUESTCODE_CUTTING:// 取得裁剪后的图片
              showIcon();// 显示图片,具体的代码就不写了
              upLoadIcon(); // 上传图片,具体的代码就不写了,随便用什么上传
              break;
      }
      super.onActivityResult(requestCode, resultCode, data);
  }

总的来说过程还是很简单的,一直在调用系统的API,来完成我们的需求

推荐阅读更多精彩内容