我们先说一下思路,在android系统中就自带了图片剪切的应用,所以,我们只需要将我们获取到的相片传给图片剪切应用,再将剪切好的相片返回到我们自己的界面显示就ok了
在开发一些app的过程中,我们可能涉及到头像的处理,比如从手机或者相册获取头像,剪裁成自己需要的头像,设置或上传头像等。网上一些相关的资料也是多不胜数,但在实际应用中往往会存在各种问题,没有一个完美的解决方案。由于近期项目的需求,就研究了一下,目前看来还没有什么问题。
这里我们只讨论获取、剪裁与设置,上传流程根据自己的业务需求添加。先上一张流程图:
这图是用google drive的绘图工具绘制的,不得不赞叹google可以把在线编辑工具做得如此强大。好吧,我就是google的脑残粉!回到主题,这是我设计的思路,接下来进行详细分析:
1、获得图片的途径无非就两种,第一是相机拍摄,第二是从本地相册获取。
2、我在sd卡上创建了一个文件夹,里面有两个uri,一个是用于保存拍照时获得的原始图片,一个是保存剪裁后的图片。之前我考虑过用同一个uri来保存图片,但是在实践中遇到一个问题,当拍照后不进行剪裁,那么下次从sd卡拿到就是拍照保存的大图,不仅丢失了之前剪裁的图片,还会因为加载大图导致内存崩溃。基于此考虑,我选择了两个uri来分别保存图片。
3、相机拍摄时,我们使用intent调用系统相机,并将设置输出设置到sdcard\xx\photo_file.jpg,以下是代码片段:
1
2
3
4
5
|
//调用系统相机
intent intentcamera = new intent(mediastore.action_image_capture);
//将拍照结果保存至photo_file的uri中,不保留在相册中
intentcamera.putextra(mediastore.extra_output, imagephotouri);
startactivityforresult(intentcamera, photo_request_carema);
|
在回调时,我们需要对photo_file.jpg调用系统工具进行剪裁,并设置输出设置到sdcard\xx\crop_file.jpg,以下是代码片段:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
case photo_request_carema:
if (resultcode == result_ok) {
//从相机拍摄保存的uri中取出图片,调用系统剪裁工具
if (imagephotouri != null ) {
croputils.cropimageuri( this , imagephotouri, imageuri, ibusericon.getwidth(), ibusericon.getheight(), photo_request_cut);
} else {
toastutils.show( this , "没有得到拍照图片" );
}
} else if (resultcode == result_canceled) {
toastutils.show( this , "取消拍照" );
} else {
toastutils.show( this , "拍照失败" );
}
break ;
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
//调用系统的剪裁处理图片并保存至imageuri中
public static void cropimageuri(activity activity, uri orguri, uri desuri, int width, int height, int requestcode) {
intent intent = new intent( "com.android.camera.action.crop" );
intent.setdataandtype(orguri, "image/*" );
intent.putextra( "crop" , "true" );
intent.putextra( "aspectx" , 1 );
intent.putextra( "aspecty" , 1 );
intent.putextra( "outputx" , width);
intent.putextra( "outputy" , height);
intent.putextra( "scale" , true );
//将剪切的图片保存到目标uri中
intent.putextra(mediastore.extra_output, desuri);
intent.putextra( "return-data" , false );
intent.putextra( "outputformat" , bitmap.compressformat.jpeg.tostring());
intent.putextra( "nofacedetection" , true );
activity.startactivityforresult(intent, requestcode);
}
|
最后,我们需要在回调中取出crop_file.jpg,因为剪裁时,对图片已经进行了压缩,所以也不用担心内存的问题,在这里我提供两个方法,第一个是直接获取原始图片的bitmap,第二个是获取原始图片并做成圆形,相信大多数的人对后者比较感兴趣,哈哈!以下是代码片段:
1
2
3
4
5
6
7
8
9
|
case photo_request_cut:
if (resultcode == result_ok) {
bitmap bitmap = decodeuriiasbimap( this ,imagecropuri)
} else if (resultcode == result_canceled) {
toastutils.show( this , "取消剪切图片" );
} else {
toastutils.show( this , "剪切失败" );
}
break ;
|
1
2
3
4
5
6
7
8
9
10
11
|
//从uri中获取bitmap格式的图片
private static bitmap decodeuriasbitmap(context context, uri uri) {
bitmap bitmap;
try {
bitmap = bitmapfactory.decodestream(context.getcontentresolver().openinputstream(uri));
} catch (filenotfoundexception e) {
e.printstacktrace();
return null ;
}
return bitmap;
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
//获取圆形图片
public static bitmap getroundedcornerbitmap(bitmap bitmap) {
if (bitmap == null ) {
return null ;
}
bitmap output = bitmap.createbitmap(bitmap.getwidth(), bitmap.getheight(), bitmap.config.argb_8888);
canvas canvas = new canvas(output);
final paint paint = new paint();
/* 去锯齿 */
paint.setantialias( true );
paint.setfilterbitmap( true );
paint.setdither( true );
// 保证是方形,并且从中心画
int width = bitmap.getwidth();
int height = bitmap.getheight();
int w;
int deltax = 0 ;
int deltay = 0 ;
if (width <= height) {
w = width;
deltay = height - w;
} else {
w = height;
deltax = width - w;
}
final rect rect = new rect(deltax, deltay, w, w);
final rectf rectf = new rectf(rect);
paint.setantialias( true );
canvas.drawargb( 0 , 0 , 0 , 0 );
// 圆形,所有只用一个
int radius = ( int ) (math.sqrt(w * w * 2 .0d) / 2 );
canvas.drawroundrect(rectf, radius, radius, paint);
paint.setxfermode( new porterduffxfermode(porterduff.mode.src_in));
canvas.drawbitmap(bitmap, rect, rect, paint);
return output;
}
|
4、相册获取时,这也是最难的地方。android 4.4以下的版本,从相册获取的图片uri能够完美调用系统剪裁工具,或者直接从选取相册是带入剪裁图片的intent,而且效果非常完美。但是在android 4.4及其以上的版本,获取到的uri根本无法调用系统剪裁工具,会直接导致程序崩溃。我也是研究了很久,才发现两者的uri有很大的区别,google官方文档中让开发者使用intent.action_get_content代替以前的action,并且就算你仍然使用以前的action,都会返回一种新型的uri,我个人猜测是因为google把所有的内容获取分享做成一个统一的uri,如有不对,请指正!想通这一点后,问题就变得简单了,我把这种新型的uri重新封装一次,得到以为"file:\\..."标准的绝对路劲,传入系统剪裁工具中,果然成功了,只是这个封装过程及其艰难,查阅了很多资料,终于还是拿到了。下面说下具体步骤:
第一、调用系统相册,以下是代码片段:
1
2
3
4
|
//调用系统相册
intent photopickerintent = new intent(intent.action_get_content);
photopickerintent.settype( "image/*" );
startactivityforresult(photopickerintent, photo_request_gallery);
|
第二、在回调中,重新封装uri,并调用系统剪裁工具将输出设置到crop_file.jpg,调用系统剪裁工具代码在拍照获取的步骤中已经贴出,这里就不重复制造车轮了,重点贴重新封装uri的代码,以下是代码片段:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
case photo_request_gallery:
if (resultcode == result_ok) {
//从相册选取成功后,需要从uri中拿出图片的绝对路径,再调用剪切
uri newuri = uri.parse( "file:///" + croputils.getpath( this , data.getdata()));
if (newuri != null ) {
croputils.cropimageuri( this , newuri, imageuri, ibusericon.getwidth(),
ibusericon.getheight(), photo_request_cut);
} else {
toastutils.show( this , "没有得到相册图片" );
}
} else if (resultcode == result_canceled) {
toastutils.show( this , "从相册选取取消" );
} else {
toastutils.show( this , "从相册选取失败" );
}
break ;
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
@suppresslint ( "newapi" )
public static string getpath( final context context, final uri uri) {
final boolean iskitkat = build.version.sdk_int >= build.version_codes.kitkat;
// documentprovider
if (iskitkat && documentscontract.isdocumenturi(context, uri)) {
// externalstorageprovider
if (isexternalstoragedocument(uri)) {
final string docid = documentscontract.getdocumentid(uri);
final string[] split = docid.split( ":" );
final string type = split[ 0 ];
if ( "primary" .equalsignorecase(type)) {
return environment.getexternalstoragedirectory() + "/" + split[ 1 ];
}
}
// downloadsprovider
else if (isdownloadsdocument(uri)) {
final string id = documentscontract.getdocumentid(uri);
final uri contenturi = contenturis.withappendedid(uri.parse( "content://downloads/public_downloads" ), long .valueof(id));
return getdatacolumn(context, contenturi, null , null );
}
// mediaprovider
else if (ismediadocument(uri)) {
final string docid = documentscontract.getdocumentid(uri);
final string[] split = docid.split( ":" );
final string type = split[ 0 ];
uri contenturi = null ;
if ( "image" .equals(type)) {
contenturi = mediastore.images.media.external_content_uri;
} else if ( "video" .equals(type)) {
contenturi = mediastore.video.media.external_content_uri;
} else if ( "audio" .equals(type)) {
contenturi = mediastore.audio.media.external_content_uri;
}
final string selection = "_id=?" ;
final string[] selectionargs = new string[]{split[ 1 ]};
return getdatacolumn(context, contenturi, selection,selectionargs);
}
}
// mediastore (and general)
else if ( "content" .equalsignorecase(uri.getscheme())) {
return getdatacolumn(context, uri, null , null );
}
// file
else if ( "file" .equalsignorecase(uri.getscheme())) {
return uri.getpath();
}
return null ;
}
/**
* get the value of the data column for this uri. this is useful for
* mediastore uris, and other file-based contentproviders.
*
* @param context the context.
* @param uri the uri to query.
* @param selection (optional) filter used in the query.
* @param selectionargs (optional) selection arguments used in the query.
* @return the value of the _data column, which is typically a file path.
*/
private static string getdatacolumn(context context, uri uri,string selection, string[] selectionargs) {
cursor cursor = null ;
final string column = "_data" ;
final string[] projection = {column};
try {
cursor = context.getcontentresolver().query(uri, projection,selection, selectionargs, null );
if (cursor != null && cursor.movetofirst()) {
final int column_index = cursor.getcolumnindexorthrow(column);
return cursor.getstring(column_index);
}
} finally {
if (cursor != null )
cursor.close();
}
return null ;
}
/**
* @param uri the uri to check.
* @return whether the uri authority is externalstorageprovider.
*/
private static boolean isexternalstoragedocument(uri uri) {
return "com.android.externalstorage.documents" .equals(uri.getauthority());
}
/**
* @param uri the uri to check.
* @return whether the uri authority is downloadsprovider.
*/
private static boolean isdownloadsdocument(uri uri) {
return "com.android.providers.downloads.documents" .equals(uri.getauthority());
}
/**
* @param uri the uri to check.
* @return whether the uri authority is mediaprovider.
*/
private static boolean ismediadocument(uri uri) {
return "com.android.providers.media.documents" .equals(uri.getauthority());
}
|
后续的系统剪裁工具调用跟拍照获取步骤一致,请参见上的代码。
5、所有步骤完成,在nexus 5设备中的最新系统中测试通过,在小米、三星等一些设备中表现也很完美。如果在你的设备上存在缺陷,一定要跟帖给我反馈,谢谢!
文章结尾附上一个网友的完整示例,给了我很多的参考
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
package com.only.android.app;
import java.io.file;
import android.app.activity;
import android.app.alertdialog;
import android.content.dialoginterface;
import android.content.intent;
import android.graphics.bitmap;
import android.graphics.bitmapfactory;
import android.net.uri;
import android.os.bundle;
import android.os.systemclock;
import android.provider.mediastore;
import android.view.view;
import android.widget.button;
import android.widget.imageview;
import com.only.android.r;
public class copyofimagescaleactivity extends activity implements view.onclicklistener {
/** called when the activity is first created. */
private button selectimagebtn;
private imageview imageview;
private file sdcardtempfile;
private alertdialog dialog;
private int crop = 180 ;
@override
public void oncreate(bundle savedinstancestate) {
super .oncreate(savedinstancestate);
setcontentview(r.layout.imagescale);
selectimagebtn = (button) findviewbyid(r.id.selectimagebtn);
imageview = (imageview) findviewbyid(r.id.imageview);
selectimagebtn.setonclicklistener( this );
sdcardtempfile = new file( "/mnt/sdcard/" , "tmp_pic_" + systemclock.currentthreadtimemillis() + ".jpg" );
}
@override
public void onclick(view v) {
if (v == selectimagebtn) {
if (dialog == null ) {
dialog = new alertdialog.builder( this ).setitems( new string[] { "相机" , "相册" }, new dialoginterface.onclicklistener() {
@override
public void onclick(dialoginterface dialog, int which) {
if (which == 0 ) {
intent intent = new intent( "android.media.action.image_capture" );
intent.putextra( "output" , uri.fromfile(sdcardtempfile));
intent.putextra( "crop" , "true" );
intent.putextra( "aspectx" , 1 ); // 裁剪框比例
intent.putextra( "aspecty" , 1 );
intent.putextra( "outputx" , crop); // 输出图片大小
intent.putextra( "outputy" , crop);
startactivityforresult(intent, 101 );
} else {
intent intent = new intent( "android.intent.action.pick" );
intent.setdataandtype(mediastore.images.media.internal_content_uri, "image/*" );
intent.putextra( "output" , uri.fromfile(sdcardtempfile));
intent.putextra( "crop" , "true" );
intent.putextra( "aspectx" , 1 ); // 裁剪框比例
intent.putextra( "aspecty" , 1 );
intent.putextra( "outputx" , crop); // 输出图片大小
intent.putextra( "outputy" , crop);
startactivityforresult(intent, 100 );
}
}
}).create();
}
if (!dialog.isshowing()) {
dialog.show();
}
}
}
@override
protected void onactivityresult( int requestcode, int resultcode, intent intent) {
if (resultcode == result_ok) {
bitmap bmp = bitmapfactory.decodefile(sdcardtempfile.getabsolutepath());
imageview.setimagebitmap(bmp);
}
}
}
|
最后再啰嗦一句,功能虽然已经实现了,但是实际代码还是可以进一步优化的,感兴趣的童鞋们可以改进下。