程序员人生 网站导航

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

栏目:综合技术时间:2015-02-07 08:40:33

    转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992

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


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


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


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


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


    了解了全部流程以后,我们就能够开始写代码了。

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

//方式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);

    如果我们想从拍照获得,那末我们就能够使用下面的方式,先用1个file对象创建1个uri,然后绑定起来,这样拍照成功,返回以后,我们就能够根据uri获得到照片了,而且在file的路径保存了拍照的结果,下面是代码实现

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中得这些参数含义请参考下图

附加选项 数据类型 描写 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”,你将会取得1个与内部数据关联的Action,并且bitmap以此方式返回:(Bitmap)extras.getParcelable("data")。注意:如果你终究要获得的图片非常大,那末此方法会给你带来麻烦,所以你要控制outputX和outputY保持在较小的尺寸。 

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

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

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, null, null); imgUri = null; } } }); AlertDialog alert = builder.create(); alert.show(); } } }

    上面的这些代码,很大的1部份在处理有多个可以接受裁剪intent要求的APP上面,如果你只想用默许的第1个APP,那末这些逻辑你可以删除。

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

@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就能够了,以下

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存起来了!就像下面这样

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


参考文章:

如何使用Android MediaStore裁剪大图片

Android大图片裁剪终极解决方案(上:原理分析) 

Android大图片裁剪终极解决方案(中:从相册截图) 

Android大图片裁剪终极解决方案(下:拍照截图)

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐