现在的位置: 首页 > 综合 > 正文

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

2015年02月02日 ⁄ 综合 ⁄ 共 5850字 ⁄ 字号 评论关闭

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

    在做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数据

//方式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的路径保存了拍照的结果,下面是代码实现

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

    如果你将return-data设置为“false”,那么在onActivityResult的Intent数据中你将不会接收到任何Bitmap,相反,你需要将MediaStore.EXTRA_OUTPUT关联到一个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();
			}
		}
	}

    上面的这些代码,很大的一部分在处理有多个可以接受裁剪intent请求的APP上面,如果你只想用默认的第一个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大图片裁剪终极解决方案(下:拍照截图)

抱歉!评论已关闭.