/android-headimage-cliper

头像上传图片裁剪,实现仿QQ、微信两种效果

Primary LanguageJava

Android头像上传之图片裁剪,实现仿QQ、微信两种效果

功能描述:

头像上传在APP中是很常见的功能,但是关于头像上传前的图片裁剪方式,如果使用系统提供的裁剪方式达不到预期效果,所以在这里提供一个类似qq、微信头像裁剪的示例程序。示例程序主要提供调用系统相册、调用系统相机后进行图片裁剪,可以设置类似qq的圆形裁剪框,类似微信的矩形裁剪框。裁剪控件提供移动、缩放、边界检测、大图压缩处理功能。

效果图:

示例1

示例1

代码说明:

ClipView为一个继承自View的自定义控件,通过Canvas画出裁剪框,中间透过添加Layer层,镂空裁剪框,裁剪框为透明区域,裁剪框四周为半透明效果。ClipViewLayout为一个继承自RelativeLayout的自定义容器,主要组合裁剪框组件和原图ImageView,并提供了自定义属性,在xml文件中只需要添加ClipViewLayout即可。

  • clipBorderWidth:裁剪框边框宽度
  • mHorizontalPadding: 裁剪框水平方向的间距
  • clipType: 裁剪框类型,取值(circle, rectangle)

调用示例:

<!--圆形裁剪框 -->
<evan.wang.view.ClipViewLayout
   android:id="@+id/clipViewLayout1"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   app:clipBorderWidth="2dp"
   app:clipType="circle"
   app:mHorizontalPadding="30dp" />

<!--矩形裁剪框 -->
<evan.wang.view.ClipViewLayout
   android:id="@+id/clipViewLayout2"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   app:clipBorderWidth="2dp"
   app:clipType="rectangle"
   app:mHorizontalPadding="30dp"
  />

//ClipViewLayout设置原图,由于Activity直接传递BitMap在大图时候会报错,所以此处传递图片的URI地址,具体使用请参考demo 
public void setImageSrc(final Uri uri);

//ClipViewLayout获取剪切图,对外提供裁剪的方法
public Bitmap clip();