Android仿微信QQ设置图形头像裁剪功能

package com.example.nanchen.cropimagetest;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.ColorMatrix;import android.graphics.ColorMatrixColorFilter;import android.graphics.Paint;import android.graphics.PorterDuff.Mode;import android.graphics.PorterDuffXfermode;import android.graphics.Rect;import android.graphics.RectF;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.ImageView;/*** @author nanchen* @fileName CropImageTest* @packageName com.example.nanchen.cropimagetest* @date 2016/10/13 15:09*/public class RoundImageView extends ImageView {/*** 圆形ImageView，可设置最多两个宽度不同且颜色不同的圆形边框。** @author Alan*/private static class imageview_level {public final static int level0 = 0;public final static int level1 = 1;public final static int level2 = 2;public final static int level3 = 3;public final static int level4 = 4;}private Context mContext;private int circleColor = Color.WHITE;private int circleWidth = 0;private int mLevel = imageview_level.level1;public void setLevel(int level) {mLevel = level;}public RoundImageView(Context context) {super(context);mContext = context;}public RoundImageView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;setCustomAttributes(attrs);}public RoundImageView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);mContext = context;setCustomAttributes(attrs);}private void setCustomAttributes(AttributeSet attrs) {TypedArray a = mContext.obtainStyledAttributes(attrs, R.styleable.roundedimageview);int width = a.getDimensionPixelSize(R.styleable.roundedimageview_border_thickness, 0);setPadding(width, width, width, width);mLevel = a.getInt(R.styleable.roundedimageview_image_mode, imageview_level.level1);circleColor = a.getColor(R.styleable.roundedimageview_border_color, circleColor);}@Overridepublic void setImageBitmap(Bitmap bm) {switch (this.mLevel) {case imageview_level.level1 :bm = RoundBitmap(bm);case imageview_level.level2 :if ((getPaddingLeft() == getPaddingRight()) && (getPaddingLeft() == getPaddingBottom())&& (getPaddingLeft() == getPaddingTop())) {this.circleWidth = getPaddingLeft();bm = RoundBitmap(bm);}break;case imageview_level.level3 :bm = ChamferBitmap(bm);break;case imageview_level.level4:if ((getPaddingLeft() == getPaddingRight()) && (getPaddingLeft() == getPaddingBottom())&& (getPaddingLeft() == getPaddingTop())) {this.circleWidth = getPaddingLeft();bm = RoundBitmap(bm);}break;default :break;}super.setImageBitmap(bm);}@Overrideprotected void onDraw(Canvas canvas) {switch (this.mLevel) {case imageview_level.level2:if (circleWidth > 0) {drawCircleBorder(canvas, (getWidth() - this.circleWidth*2 + circleWidth) / 2, this.circleColor, getWidth(),getHeight(), this.circleWidth);}break;case imageview_level.level4:if (circleWidth > 0){int paddingwidth = circleWidth;drawCircleBorder(canvas, (getWidth()-paddingwidth*2 +circleWidth /2) / 2, this.circleColor, getWidth(),getHeight(), this.circleWidth /2,Color.DKGRAY);int tempwidth = circleWidth /2;drawCircleBorder(canvas, (getWidth()-paddingwidth*2 +tempwidth) / 2, this.circleColor, getWidth(),getHeight(), tempwidth,Color.DKGRAY);}break;default:break;}super.onDraw(canvas);}/*** bitmap切成圆形** @param bitmap 传入Bitmap对象* @return*/private Bitmap RoundBitmap(Bitmap bitmap) {Bitmap resultBitmap = null;Canvas canvas = null;int width = bitmap.getWidth();int height = bitmap.getHeight();float roundPx;float left, top, right, bottom, dst_left, dst_top, dst_right, dst_bottom;if (width <= height) {roundPx = width / 2;top = 0;bottom = width;left = 0;right = width;height = width;dst_left = 0;dst_top = 0;dst_right = width;dst_bottom = width;} else {roundPx = height / 2;float clip = (width - height) / 2;left = clip;right = width - clip;top = 0;bottom = height;width = height;dst_left = 0;dst_top = 0;dst_right = height;dst_bottom = height;}if (width <= 0) {width = 1;}if (height <= 0) {height = 1;}try {resultBitmap = Bitmap.createBitmap(width, height, Config.ARGB_4444);} catch (Throwable e) {e.printStackTrace();}try {canvas = new Canvas(resultBitmap);} catch (Throwable e) {e.printStackTrace();}final int color = Color.RED;final Paint paint = new Paint();final Rect src = new Rect((int) left, (int) top, (int) right, (int) bottom);final Rect dst = new Rect((int) dst_left, (int) dst_top, (int) dst_right, (int) dst_bottom);final RectF rectF = new RectF(dst);paint.setAntiAlias(true);canvas.drawARGB(0, 0, 0, 0);// paint.setColor(color);canvas.drawRoundRect(rectF, roundPx, roundPx, paint);paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));canvas.drawBitmap(bitmap, src, dst, paint);return resultBitmap;}/*** bitmap倒角** @param bitmap 传入Bitmap对象* @return*/private Bitmap ChamferBitmap(Bitmap bitmap) {Bitmap resultBitmap = null;Canvas canvas = null;int width = bitmap.getWidth();int height = bitmap.getHeight();float roundPx;float left, top, right, bottom, dst_left, dst_top, dst_right, dst_bottom;if (width <= height) {roundPx = dip2px(this.mContext, 4); // 8像素倒角 4是dp值top = 0;bottom = width;left = 0;right = width;height = width;dst_left = 0;dst_top = 0;dst_right = width;dst_bottom = width;} else {roundPx = dip2px(this.mContext, 4); // 8像素倒角 4是dp值float clip = (width - height) / 2;left = clip;right = width - clip;top = 0;bottom = height;width = height;dst_left = 0;dst_top = 0;dst_right = height;dst_bottom = height;}if (width <= 0) {width = 1;}if (height <= 0) {height = 1;}try {resultBitmap = Bitmap.createBitmap(width, height, Config.ARGB_4444);} catch (Throwable e) {e.printStackTrace();}try {canvas = new Canvas(resultBitmap);} catch (Throwable e) {e.printStackTrace();}final int color = Color.RED;final Paint paint = new Paint();final Rect src = new Rect((int) left, (int) top, (int) right, (int) bottom);final Rect dst = new Rect((int) dst_left, (int) dst_top, (int) dst_right, (int) dst_bottom);final RectF rectF = new RectF(dst);paint.setAntiAlias(true);canvas.drawARGB(0, 0, 0, 0);// paint.setColor(color);canvas.drawRoundRect(rectF, roundPx, roundPx, paint);paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));canvas.drawBitmap(bitmap, src, dst, paint);return resultBitmap;}/*** 画布画圆*/private void drawCircleBorder(Canvas canvas, int radius, int color, int width, int height, int circleWidth) {Paint paint = new Paint();/* 去锯齿 */paint.setAntiAlias(true);paint.setFilterBitmap(true);paint.setDither(true);paint.setColor(color);/* 设置paint的　style　为STROKE：空心 */paint.setStyle(Paint.Style.STROKE);/* 设置paint的外框宽度 */paint.setStrokeWidth(circleWidth);canvas.drawCircle(width / 2, height / 2, radius, paint);}private void drawCircleBorder(Canvas canvas, int radius, int color, int width, int height, int circleWidth,int shadowcolor){canvas.save(); //保存画布当前状态canvas.rotate(45,width / 2, height / 2); //右下角45度阴影投射Paint paint = new Paint();paint.setColor(0x09ffffff & shadowcolor ); //设置alpha值for(int i=0;i<circleWidth*2;i++) //向下角角偏移投射多少次阴影层{canvas.drawCircle(width/2+i, height / 2, radius+2, paint);}canvas.restore();paint = new Paint();/* 去锯齿 */paint.setAntiAlias(true);paint.setFilterBitmap(true);paint.setDither(true);paint.setColor(color);/* 设置paint的　style　为STROKE：空心 */paint.setStyle(Paint.Style.STROKE);/* 设置paint的外框宽度 */paint.setStrokeWidth(circleWidth); //二分之一实体canvas.drawCircle(width / 2, height / 2, radius, paint);}public void setCircleWidth(int padding) {setPadding(padding, padding, padding, padding);}public int getCircleColor() {return circleColor;}public void setCircleColor(int circleColor) {this.circleColor = circleColor;}// 执行完setImageBitmap后才能获得;public int getCircleWidth() {return this.circleWidth;}public OnTouchListener onTouchListener = new OnTouchListener() {@Overridepublic boolean onTouch(View view, MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_UP:changeLight((ImageView) view, 0);// onclickbreak;case MotionEvent.ACTION_DOWN:changeLight((ImageView) view, -60);break;case MotionEvent.ACTION_MOVE:// changeLight((ImageView) view, 0);break;case MotionEvent.ACTION_CANCEL:changeLight((ImageView) view, 0);break;default:break;}return false;}};public void setColorFilter(boolean value){if(value){setOnTouchListener(onTouchListener);}else{setOnTouchListener(null);}}private void changeLight(ImageView imageview, int brightness) {ColorMatrix matrix = new ColorMatrix();matrix.set(new float[] { 1, 0, 0, 0, brightness, 0, 1, 0, 0, brightness, 0, 0, 1, 0, brightness, 0, 0, 0, 1, 0 });imageview.setColorFilter(new ColorMatrixColorFilter(matrix));}/*** 根据手机的分辨率从 dp 的单位 转成为 px(像素)*/private int dip2px(Context context, float dpValue) {final float scale = context.getApplicationContext().getResources().getDisplayMetrics().density;return (int) (dpValue * scale + 0.5f);}}

package com.example.nanchen.cropimagetest;import android.app.Activity;import android.app.Dialog;import android.os.Bundle;import android.text.TextUtils;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.view.Window;import android.view.WindowManager;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.Button;import android.widget.ListView;import android.widget.TextView;import java.util.List;/*** dialog* */public class SelectDialog extends Dialog implements OnClickListener,OnItemClickListener {private SelectDialogListener mListener;private Activity mActivity;private Button mMBtn_Cancel;private TextView mTv_Title;private List<String> mName;private String mTitle;private boolean mUseCustomColor = false;private int mFirstItemColor;private int mOtherItemColor;public interface SelectDialogListener {public void onItemClick(AdapterView<?> parent, View view, int position, long id);}private SelectDialogCancelListener mCancelListener;public interface SelectDialogCancelListener {public void onCancelClick(View v);}public SelectDialog(Activity activity, int theme,SelectDialogListener listener,List<String> names) {super(activity, theme);mActivity = activity;mListener = listener;this.mName=names;// 设置是否点击外围解散setCanceledOnTouchOutside(true);}/*** @param activity 调用弹出菜单的activity* @param theme 主题* @param listener 菜单项单击事件* @param cancelListener 取消事件* @param names 菜单项名称* */public SelectDialog(Activity activity, int theme,SelectDialogListener listener,SelectDialogCancelListener cancelListener ,List<String> names) {super(activity, theme);mActivity = activity;mListener = listener;mCancelListener = cancelListener;this.mName=names;// 设置是否点击外围不解散setCanceledOnTouchOutside(false);}/*** @param activity 调用弹出菜单的activity* @param theme 主题* @param listener 菜单项单击事件* @param names 菜单项名称* @param title 菜单标题文字* */public SelectDialog(Activity activity, int theme,SelectDialogListener listener,List<String> names,String title) {super(activity, theme);mActivity = activity;mListener = listener;this.mName=names;mTitle = title;// 设置是否点击外围可解散setCanceledOnTouchOutside(true);}public SelectDialog(Activity activity, int theme,SelectDialogListener listener,SelectDialogCancelListener cancelListener,List<String> names,String title) {super(activity, theme);mActivity = activity;mListener = listener;mCancelListener = cancelListener;this.mName=names;mTitle = title;// 设置是否点击外围可解散setCanceledOnTouchOutside(true);}@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);View view = getLayoutInflater().inflate(R.layout.view_dialog_select,null);setContentView(view, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));Window window = getWindow();// 设置显示动画window.setWindowAnimations(R.style.main_menu_animstyle);WindowManager.LayoutParams wl = window.getAttributes();wl.x = 0;wl.y = mActivity.getWindowManager().getDefaultDisplay().getHeight();// 以下这两句是为了保证按钮可以水平满屏wl.width = LayoutParams.MATCH_PARENT;wl.height = LayoutParams.WRAP_CONTENT;// 设置显示位置onWindowAttributesChanged(wl);//setCanceledOnTouchOutside(false);initViews();}private void initViews() {DialogAdapter dialogAdapter=new DialogAdapter(mName);ListView dialogList=(ListView) findViewById(R.id.dialog_list);dialogList.setOnItemClickListener(this);dialogList.setAdapter(dialogAdapter);mMBtn_Cancel = (Button) findViewById(R.id.mBtn_Cancel);mTv_Title = (TextView) findViewById(R.id.mTv_Title);//mMBtn_Cancel.setOnClickListener(this);mMBtn_Cancel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubif(mCancelListener != null){mCancelListener.onCancelClick(v); }dismiss();}});if(!TextUtils.isEmpty(mTitle) && mTv_Title != null){mTv_Title.setVisibility(View.VISIBLE);mTv_Title.setText(mTitle);}else{mTv_Title.setVisibility(View.GONE);}}@Overridepublic void onClick(View v) {dismiss();}@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position,long id) {mListener.onItemClick(parent, view, position, id);dismiss();}private class DialogAdapter extends BaseAdapter {private List<String> mStrings;private Viewholder viewholder;private LayoutInflater layoutInflater;public DialogAdapter(List<String> strings) {this.mStrings = strings;this.layoutInflater=mActivity.getLayoutInflater();}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn mStrings.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn mStrings.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (null == convertView) {viewholder=new Viewholder();convertView=layoutInflater.inflate(R.layout.view_dialog_item, null);viewholder.dialogItemButton=(TextView) convertView.findViewById(R.id.dialog_item_bt);convertView.setTag(viewholder);}else{viewholder=(Viewholder) convertView.getTag();}viewholder.dialogItemButton.setText(mStrings.get(position));if (!mUseCustomColor) {mFirstItemColor = mActivity.getResources().getColor(R.color.dialog_blue);mOtherItemColor = mActivity.getResources().getColor(R.color.dialog_blue);}if (1 == mStrings.size()) {viewholder.dialogItemButton.setTextColor(mFirstItemColor);viewholder.dialogItemButton.setBackgroundResource(R.drawable.dialog_item_bg_only);} else if (position == 0) {viewholder.dialogItemButton.setTextColor(mFirstItemColor);viewholder.dialogItemButton.setBackgroundResource(R.drawable.dialog_item_bg_top);} else if (position == mStrings.size() - 1) {viewholder.dialogItemButton.setTextColor(mOtherItemColor);viewholder.dialogItemButton.setBackgroundResource(R.drawable.dialog_item_bg_buttom);} else {viewholder.dialogItemButton.setTextColor(mOtherItemColor);viewholder.dialogItemButton.setBackgroundResource(R.drawable.dialog_item_bg_center);}return convertView;}}public static class Viewholder {public TextView dialogItemButton;}/*** 设置列表项的文本颜色*/public void setItemColor(int firstItemColor, int otherItemColor) {mFirstItemColor = firstItemColor;mOtherItemColor = otherItemColor;mUseCustomColor = true;}}

package com.example.nanchen.cropimagetest;import android.content.ComponentName;import android.content.DialogInterface;import android.content.DialogInterface.OnCancelListener;import android.content.Intent;import android.content.pm.ResolveInfo;import android.graphics.Bitmap;import android.graphics.Bitmap.CompressFormat;import android.net.Uri;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import android.provider.MediaStore.Images.Media;import android.support.v7.app.AlertDialog;import android.support.v7.app.AlertDialog.Builder;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.AdapterView;import com.example.nanchen.cropimagetest.SelectDialog.SelectDialogListener;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {private RoundImageView mHeadImage;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mHeadImage = (RoundImageView) findViewById(R.id.main_roundImage);}private final int PHOTO_PICKED_FROM_CAMERA = 1; // 用来标识头像来自系统拍照private final int PHOTO_PICKED_FROM_FILE = 2; // 用来标识从相册获取头像private final int CROP_FROM_CAMERA = 3;private void getIconFromPhoto(){Intent intent = new Intent(Intent.ACTION_GET_CONTENT, Media.EXTERNAL_CONTENT_URI);intent.setType("image/*");startActivityForResult(intent, PHOTO_PICKED_FROM_FILE);}private void selectPhoto() {List<String> list = new ArrayList<>();list.add("拍照");list.add("相册");showDialog(new SelectDialogListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {switch (position){case 0:getIconFromCamera();break;case 1:getIconFromPhoto(); // 从系统相册获取break;default:break;}}},list);}private Uri imgUri; // 由于android手机的图片基本都会很大，所以建议用Uri，而不用Bitmap/*** 调用系统相机拍照*/private void getIconFromCamera() {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,PHOTO_PICKED_FROM_CAMERA);}private SelectDialog showDialog(SelectDialogListener listener, List<String> list){SelectDialog dialog = new SelectDialog(this,R.style.transparentFrameWindowStyle,listener,list);dialog.show();return dialog;}/*** 尝试裁剪图片*/private void doCrop(){final ArrayList<CropOption> cropOptions = new ArrayList<>();final 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){UIUtil.showToast(this,"当前不支持裁剪图片!");return;}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 oneif (size == 1){Intent intent1 = new Intent(intent);ResolveInfo res = list.get(0);intent1.setComponent(new ComponentName(res.activityInfo.packageName,res.activityInfo.name));startActivityForResult(intent1,CROP_FROM_CAMERA);}else {// 很多可支持裁剪的appfor (ResolveInfo res : list) {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);}CommonAdapter<CropOption> adapter = new CommonAdapter<CropOption>(this,cropOptions,R.layout.layout_crop_selector) {@Overridepublic void convert(ViewHolder holder, CropOption item) {holder.setImageDrawable(R.id.iv_icon,item.icon);holder.setText(R.id.tv_name,item.title);}};AlertDialog.Builder builder = new Builder(this);builder.setTitle("choose a app");builder.setAdapter(adapter, new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {startActivityForResult(cropOptions.get(which).appIntent,CROP_FROM_CAMERA);}});builder.setOnCancelListener(new OnCancelListener() {@Overridepublic void onCancel(DialogInterface dialog) {if (imgUri != null){getContentResolver().delete(imgUri,null,null);imgUri = null;}}});AlertDialog dialog = builder.create();dialog.show();}}@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {super.onActivityResult(requestCode, resultCode, data);if (resultCode != RESULT_OK){return;}switch (requestCode) {case PHOTO_PICKED_FROM_CAMERA:doCrop();break;case PHOTO_PICKED_FROM_FILE:imgUri = data.getData();doCrop();break;case CROP_FROM_CAMERA:if (data != null){setCropImg(data);}break;default:break;}}private void setCropImg(Intent picData){Bundle bundle = picData.getExtras();if (bundle != null){Bitmap mBitmap = bundle.getParcelable("data");mHeadImage.setImageBitmap(mBitmap);saveBitmap(Environment.getExternalStorageDirectory() + "/crop_"+System.currentTimeMillis() + ".png",mBitmap);}}private void saveBitmap(String fileName,Bitmap bitmap){File file = new File(fileName);FileOutputStream fout = null;try {file.createNewFile();fout = new FileOutputStream(file);bitmap.compress(CompressFormat.PNG,100,fout);fout.flush();} catch (IOException e) {e.printStackTrace();} finally {try {if (fout!=null){fout.close();}UIUtil.showToast(MainActivity.this,"保存成功！");} catch (IOException e) {e.printStackTrace();}}}public void btnClick(View view) {selectPhoto();}}

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example.nanchen.cropimagetest.MainActivity"><com.example.nanchen.cropimagetest.RoundImageViewandroid:id="@+id/main_roundImage"android:layout_width="100dp"android:layout_height="100dp"android:layout_alignParentTop="true"android:layout_centerInParent="true"android:src="@drawable/default_avatar"/><Buttonandroid:id="@+id/main_btn"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/main_roundImage"android:onClick="btnClick"android:text="设置头像"/></RelativeLayout>