头像裁剪上传功能在现在的App中基本都要用到,今天总结了一下,用比较简单实用的方式(调用系统API)来实现需求。这样做简单,但是不同的手机和系统上裁剪和选择图片的方式有一些区别。
首先来看一下效果图
相册里的图片本身像素比较低,后面是剪切之后强行放大的效果,所以看着比较模糊,实际问题上要计算好剪切的图片的大小。
GIF.gif分析一下需求
主要有三个步骤:1.获取图片。2.裁剪图片。3.显示和上传
-
1.获取图片,拍照和从相册获取。没啥好说的,调用系统。
-
2.裁剪图片。这个可以用系统自带的,也可以用第三方框架。相比来说还是用系统自带的比较简单一些,下面介绍的也是用系统的。第三方框架可以使用这个 android-crop,uCrop 或者这个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,来完成我们的需求
网友评论