【Android开发经验】设置用户头像并裁剪,仅仅是这么简单?

    xiaoxiao2025-03-06  18

    在做APP的时候,如果有用户系统功能,那么一般都逃不了这个需求,就是给用户设置头像,而设置头像,又包括从拍照和从相册选取两个方式,而且选择了之后,一般又都会要求对图像进行裁剪,让用户设置头像。今天这篇文章就是介绍如何完成这个需求的。

        我们首先分析一下需求。关于拍照和从相册选取,都可以向系统发送特定的Intent,唤起对应的系统程序,然后在onActivityResult里面,获取我们的数据即可。关于图像裁剪,有两种方式,一种是自己处理,比如利用第三方的开源项目,如Cropper(https://github.com/edmodo/cropper),来完成我们的需求,另外一种,我们可以直接利用系统提供的裁剪功能,实现图像的裁剪。

        在代码实现之前,我们先理理思路。如果是从相册获取的照片,在onActivityResult里面,我们可以获取到两种形式的数据,一种是Bitmap,一种是uri。如果Bitmap对象太大的话,可能就直接把我们的程序搞崩了,所以如果相册中的图片都是300px以下的图片,使用bitmap的方式是允许的,也是安全的,但是这在我们的手机里面也是基本不可能的。所以,我推荐无论大小都直接使用uri方式,因为获取到uri之后,就相当于拿到了图片的指针,想干嘛就干嘛~

        对于直接在相册获取图片来说,并不会出现太多的问题,但是如果你想使用拍照的图片进行处理的话,可能就麻烦一些。使用Intent调用起拍照APP之后,我们在onActivityResult里面也可以获取到bitmap或者是uri,这取决于我们在intent中设置了什么标志。但是,如果你直接获取拍照返回的Bitmap的话,可能并不是你想得到的结果,有可能返回的不是原图,而是模糊的缩略图,这是Android系统为了减少内存使用所做的策略,但是我们拿着这张缩略图是没法直接用的,所以,从拍照获取图片的时候,我们也应该使用uri的方式。

        好了,无论使用哪种方式,我们都获取到了所要处理的图片的uri,那么之后呢?当前是把这个uri作为数据使用Intent发送到进行裁剪的Activity里面,然后裁剪完成之后,在onActivityResult里面,把裁剪之后的bitmap对象设置给ImageView,然后保存起来,上传到服务器即可。

        了解了整个流程之后,我们就可以开始写代码了。

        如果想唤起相册,有两种方式,一种是Intent.ACTION_PICK,还有一种是Intent.ACTION_GET_CONTENT,代码如下,这两种方式都可以获取到图片的uri数据

    [java]  view plain  copy   //方式1,直接打开图库,只能选择图库的图片                           Intent i = new Intent(Intent.ACTION_PICK,                                   MediaStore.Images.Media.EXTERNAL_CONTENT_URI);                           //方式2,会先让用户选择接收到该请求的APP,可以从文件系统直接选取图片                           Intent intent = new Intent(Intent.ACTION_GET_CONTENT,                                   MediaStore.Images.Media.EXTERNAL_CONTENT_URI);                           intent.setType("image/*");                           startActivityForResult(intent, PICK_FROM_FILE);        如果我们想从拍照获取,那么我们就可以使用下面的方式,先用一个file对象创建一个uri,然后绑定起来,这样拍照成功,返回之后,我们就可以根据uri获取到照片了,而且在file的路径保存了拍照的结果,下面是代码实现

    [java]  view plain  copy   Intent intent = new Intent(                                   MediaStore.ACTION_IMAGE_CAPTURE);                           imgUri = Uri.fromFile(new File(Environment                                   .getExternalStorageDirectory(), "avatar_"                                   + String.valueOf(System.currentTimeMillis())                                   + ".png"));                           intent.putExtra(MediaStore.EXTRA_OUTPUT, imgUri);                           startActivityForResult(intent, PICK_FROM_CAMERA);        ok,获取到uri之后,我们应该怎么办呢?当前是再打开裁剪界面啦~

        打开裁剪界面的Intent是Intent intent = new Intent("com.android.camera.action.CROP");

        intent中得这些参数含义请参考下图

    [java]  view plain  copy   附加选项    数据类型    描述   crop    String  发送裁剪信号   aspectX int X方向上的比例   aspectY int Y方向上的比例   outputX int 裁剪区的宽   outputY int 裁剪区的高   scale   boolean 是否保留比例   return-data boolean 是否将数据保留在Bitmap中返回   data    Parcelable  相应的Bitmap数据   circleCrop  String  圆形裁剪区域?   MediaStore.EXTRA_OUTPUT ("output")  URI 将URI指向相应的file:///...,详见代码示例  

        比较重要的是MediaStore.EXTRA_OUTPUT和return-data这两个选项。     如果你将return-data设置为“true”,你将会获得一个与内部数据关联的Action,并且bitmap以此方式返回:(Bitmap)extras.getParcelable("data")。注意:如果你最终要获取的图片非常大,那么此方法会给你带来麻烦,所以你要控制outputX和outputY保持在较小的尺寸。 

        如果你将return-data设置为“false”,那么在onActivityResult的Intent数据中你将不会接收到任何Bitmap,相反,你需要将MediaStore.EXTRA_OUTPUT关联到一个Uri,此Uri是用来存放Bitmap的。 

        了解了这些之后,我们再看下面的代码应该就很清楚了。

    [java]  view plain  copy   private void doCrop() {              final ArrayList<CropOption> cropOptions = new ArrayList<CropOption>();           Intent intent = new Intent("com.android.camera.action.CROP");           intent.setType("image/*");           List<ResolveInfo> list = getPackageManager().queryIntentActivities(                   intent, 0);           int size = list.size();              if (size == 0) {               Toast.makeText(this"can't find crop app", Toast.LENGTH_SHORT)                       .show();               return;           } else {               intent.setData(imgUri);               intent.putExtra("outputX"300);               intent.putExtra("outputY"300);               intent.putExtra("aspectX"1);               intent.putExtra("aspectY"1);               intent.putExtra("scale"true);               intent.putExtra("return-data"true);                  // only one               if (size == 1) {                   Intent i = new Intent(intent);                   ResolveInfo res = list.get(0);                   i.setComponent(new ComponentName(res.activityInfo.packageName,                           res.activityInfo.name));                   startActivityForResult(i, CROP_FROM_CAMERA);               } else {                   // many crop app                   for (ResolveInfo res : list) {                       final CropOption co = new CropOption();                       co.title = getPackageManager().getApplicationLabel(                               res.activityInfo.applicationInfo);                       co.icon = getPackageManager().getApplicationIcon(                               res.activityInfo.applicationInfo);                       co.appIntent = new Intent(intent);                       co.appIntent                               .setComponent(new ComponentName(                                       res.activityInfo.packageName,                                       res.activityInfo.name));                       cropOptions.add(co);                   }                      CropOptionAdapter adapter = new CropOptionAdapter(                           getApplicationContext(), cropOptions);                      AlertDialog.Builder builder = new AlertDialog.Builder(this);                   builder.setTitle("choose a app");                   builder.setAdapter(adapter,                           new DialogInterface.OnClickListener() {                               public void onClick(DialogInterface dialog, int item) {                                   startActivityForResult(                                           cropOptions.get(item).appIntent,                                           CROP_FROM_CAMERA);                               }                           });                      builder.setOnCancelListener(new DialogInterface.OnCancelListener() {                       @Override                       public void onCancel(DialogInterface dialog) {                              if (imgUri != null) {                               getContentResolver().delete(imgUri, nullnull);                               imgUri = null;                           }                       }                   });                      AlertDialog alert = builder.create();                   alert.show();               }           }       }        上面的这些代码,很大的一部分在处理有多个可以接受裁剪intent请求的APP上面,如果你只想用默认的第一个APP,那么这些逻辑你可以删除。

        在说完这些东西之后,我们在onActivityResult里面可以这样处理:

    [java]  view plain  copy   @Override       protected void onActivityResult(int requestCode, int resultCode, Intent data) {              if (resultCode != RESULT_OK) {               return;           }           switch (requestCode) {           case PICK_FROM_CAMERA:               doCrop();               break;           case PICK_FROM_FILE:               imgUri = data.getData();               doCrop();               break;           case CROP_FROM_CAMERA:               if (null != data) {                   setCropImg(data);               }               break;           }       }        不管从哪里选,都需要进入裁剪,然后裁剪结束之后,我们调用setCropImg(),把裁剪之后的结果设置给ImageView就可以了,如下

    [java]  view plain  copy   private void setCropImg(Intent picdata) {           Bundle bundle = picdata.getExtras();           if (null != bundle) {               Bitmap mBitmap = bundle.getParcelable("data");               mImageView.setImageBitmap(mBitmap);               saveBitmap(Environment.getExternalStorageDirectory() + "/crop_"                       + System.currentTimeMillis() + ".png", mBitmap);           }       }        saveBitmap是干嘛的?当然是把裁剪之后的Bitmap存起来了!就像下面这样

    [java]  view plain  copy   public void saveBitmap(String fileName, Bitmap mBitmap) {           File f = new File(fileName);           FileOutputStream fOut = null;           try {               f.createNewFile();               fOut = new FileOutputStream(f);               mBitmap.compress(Bitmap.CompressFormat.PNG, 100, fOut);               fOut.flush();           } catch (Exception e) {               e.printStackTrace();           } finally {               try {                   fOut.close();                   Toast.makeText(this"save success", Toast.LENGTH_SHORT).show();               } catch (IOException e) {                   e.printStackTrace();               }           }          }        好了,现在存起来了,就可以上传到服务器,完工~

        记得加权限

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

    <uses-permission android:name="android.permission.WRITE_SETTINGS" /> 

    代码下载:https://github.com/ZhaoKaiQiang/CropImageDemo

    转载请注明原文地址: https://ju.6miu.com/read-1296935.html
    最新回复(0)