Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 以任意比例裁剪圖片代碼分享

Android 以任意比例裁剪圖片代碼分享

編輯:關於Android編程

公司的一個小伙伴寫的,可以按照任意比例裁剪圖片。我覺得挺好用的。簡單在這裡記錄一下,以後肯定還會用到。

public class SeniorCropImageView extends ImageView implements ScaleGestureDetector.OnScaleGestureListener, 
View.OnLayoutChangeListener { 
/* For drawing color field start */ 
private static final int LINE_COLOR = Color.WHITE; 
private static final int OUTER_MASK_COLOR = Color.argb(191, 0, 0, 0); 
private static final int LINE_WIDTH_IN_DP = 1; 
private final float[] mMatrixValues = new float[9]; 
protected Matrix mSupportMatrix; 
protected ScaleGestureDetector mScaleGestureDetector; 
/* For drawing color field end */ 
protected Paint mPaint; 
/* 
* 寬比高 
*/ 
protected float mRatio = 1.0f; 
protected RectF mCropRect; 
//RectFPadding是適應產品需求,給裁剪框mCropRect設置一下padding -- chenglin 2016年04月18日 
protected float RectFPadding = 0; 
protected int mLastX; 
protected int mLastY; 
protected OPERATION mOperation; 
private onBitmapLoadListener iBitmapLoading = null; 
private boolean mEnableDrawCropWidget = true; 
/* 
For scale and drag 
*/ 
private Matrix mBaseMatrix; 
private Matrix mDrawMatrix; 
private AccelerateDecelerateInterpolator sInterpolator = new AccelerateDecelerateInterpolator(); 
private Path mPath; 
private int mLineWidth; 
private float mScaleMax = 3.0f; 
private RectF mBoundaryRect; 
private int mRotation = 0; 
private int mImageWidth; 
private int mImageHeight; 
private int mDisplayW; 
private int mDisplayH; 
public SeniorCropImageView(Context context) { 
this(context, null); 
} 
public SeniorCropImageView(Context context, AttributeSet attrs) { 
this(context, attrs, 0); 
} 
public SeniorCropImageView(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
if (attrs != null) { 
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.Life_CropImage); 
mRatio = a.getFloat(R.styleable.Life_CropImage_life_Crop_ratio, 1.0f); 
a.recycle(); 
} 
init(); 
} 
public static void decodeImageForCropping(final String path, final IDecodeCallback callback) { 
new Thread(new Runnable() { 
@Override 
public void run() { 
int rotation = 0; 
// 讀取一下exif中的rotation 
try { 
ExifInterface exif = new ExifInterface(path); 
final int rotate = exif.getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_UNDEFINED); 
switch (rotate) { 
case ExifInterface.ORIENTATION_ROTATE_90: 
rotation = 90; 
break; 
case ExifInterface.ORIENTATION_ROTATE_180: 
rotation = 180; 
break; 
case ExifInterface.ORIENTATION_ROTATE_270: 
rotation = 270; 
break; 
} 
} catch (IOException e) { 
e.printStackTrace(); 
} 
final BitmapFactory.Options options = new BitmapFactory.Options(); 
options.inJustDecodeBounds = true; 
BitmapFactory.decodeFile(path, options); 
final int textureLimit = getMaxTextureSize(); 
int scale = 1; 
while (options.outWidth / scale >= textureLimit) { 
scale *= 2; 
} 
while (options.outHeight / scale >= textureLimit) { 
scale *= 2; 
} 
options.inSampleSize = scale; 
options.inJustDecodeBounds = false; 
Bitmap bitmap = null; 
try { 
bitmap = BitmapFactory.decodeFile(path, options); 
} catch (OutOfMemoryError e) { 
e.printStackTrace(); 
} 
final Bitmap bimapDecoded = bitmap; 
if (bimapDecoded == null) { 
return; 
} 
if (callback != null) { 
callback.onDecoded(rotation, bimapDecoded); 
} 
} 
}).start(); 
} 
private static int getMaxTextureSize() { 
EGL10 egl = (EGL10) EGLContext.getEGL(); 
EGLDisplay display = egl.eglGetDisplay(EGL10.EGL_DEFAULT_DISPLAY); 
// Initialise 
int[] version = new int[2]; 
egl.eglInitialize(display, version); 
// Query total number of configurations 
int[] totalConfigurations = new int[1]; 
egl.eglGetConfigs(display, null, 0, totalConfigurations); 
// Query actual list configurations 
EGLConfig[] configurationsList = new EGLConfig[totalConfigurations[0]]; 
egl.eglGetConfigs(display, configurationsList, totalConfigurations[0], totalConfigurations); 
int[] textureSize = new int[1]; 
int maximumTextureSize = 0; 
// Iterate through all the configurations to located the maximum texture size 
for (int i = 0; i < totalConfigurations[0]; i++) { 
// Only need to check for width since opengl textures are always squared 
egl.eglGetConfigAttrib(display, configurationsList[i], EGL10.EGL_MAX_PBUFFER_WIDTH, textureSize); 
// Keep track of the maximum texture size 
if (maximumTextureSize < textureSize[0]) { 
maximumTextureSize = textureSize[0]; 
} 
} 
// Release 
egl.eglTerminate(display); 
return maximumTextureSize; 
} 
@Override 
public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) { 
mDisplayW = right - left; 
mDisplayH = bottom - top; 
if (getDrawable() != null && ((BitmapDrawable) getDrawable()).getBitmap() != null) { 
calculateProperties(((BitmapDrawable) getDrawable()).getBitmap()); 
} 
} 
private void init() { 
mScaleGestureDetector = new ScaleGestureDetector(getContext(), this); 
mBaseMatrix = new Matrix(); 
mDrawMatrix = new Matrix(); 
mSupportMatrix = new Matrix(); 
mLineWidth = (int) dipToPixels(LINE_WIDTH_IN_DP); 
mPaint = new Paint(); 
// 表示第一個實線段長dashOnWidth,第一個虛線段長dashOffWidth 
mPath = new Path(); 
mCropRect = new RectF(); 
mBoundaryRect = new RectF(); 
setScaleType(ScaleType.MATRIX); 
setClickable(true); 
} 
private float dipToPixels(float dip) { 
return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, 
getResources().getDisplayMetrics()); 
} 
@Override 
protected void onAttachedToWindow() { 
super.onAttachedToWindow(); 
addOnLayoutChangeListener(this); 
} 
@Override 
protected void onDetachedFromWindow() { 
super.onDetachedFromWindow(); 
removeOnLayoutChangeListener(this); 
} 
/** 
* 設置圖片的裁剪比例,比如3:4就是0.75 
* 
* @param ratio 
*/ 
public void setCropRatio(final float ratio) { 
if (mRatio == ratio) { 
return; 
} 
mRatio = ratio; 
//重新選擇比例後,恢復旋轉角度 
//setImageRotation(0); 
if (getDrawable() == null) { 
return; 
} 
calculateProperties(((BitmapDrawable) getDrawable()).getBitmap()); 
postInvalidate(); 
} 
public void setImageRotation(int rotation) { 
if (mRotation == rotation) { 
return; 
} 
mRotation = rotation; 
if (getDrawable() == null) { 
return; 
} 
calculateProperties(((BitmapDrawable) getDrawable()).getBitmap()); 
postInvalidate(); 
} 
public void setCropRectPadding(float padding) { 
RectFPadding = padding; 
} 
public void setImagePath(final String path) { 
if (TextUtils.isEmpty(path)) { 
return; 
} 
if (iBitmapLoading != null) { 
iBitmapLoading.onLoadPrepare(); 
} 
decodeImageForCropping(path, new IDecodeCallback() { 
@Override 
public void onDecoded(final int rotation, final Bitmap bitmap) { 
post(new Runnable() { 
@Override 
public void run() { 
mRotation = rotation; 
setImageBitmap(bitmap); 
if (iBitmapLoading != null) { 
iBitmapLoading.onLoadFinish(); 
} 
} 
}); 
} 
}); 
} 
@Override 
public void setImageBitmap(Bitmap bm) { 
calculateProperties(bm); 
super.setImageBitmap(bm); 
} 
public void setBitmapLoadingListener(onBitmapLoadListener iBitmapLoad) { 
iBitmapLoading = iBitmapLoad; 
} 
protected void calculateProperties(Bitmap bm) { 
mSupportMatrix.reset(); 
mBaseMatrix.reset(); 
int widthSize = mDisplayW; 
int heightSize = mDisplayH; 
generateCropRect(widthSize, heightSize); 
mImageWidth = bm.getWidth(); 
mImageHeight = bm.getHeight(); 
final boolean rotated = isImageRotated(); 
final int bitmapWidth = rotated ? mImageHeight : mImageWidth; 
final int bitmapHeight = rotated ? mImageWidth : mImageHeight; 
mBoundaryRect.set(0, 0, bitmapWidth, bitmapHeight); 
final float widthScale = mCropRect.width() / bitmapWidth; 
final float heightScale = mCropRect.height() / bitmapHeight; 
final float scale = Math.max(widthScale, heightScale); 
final float scaledHeight = scale * bitmapHeight; 
final float scaledWidth = scale * bitmapWidth; 
// 移動到中心點 
final int translateX = (int) (mCropRect.left + mCropRect.width() / 2 - scaledWidth / 2); 
final int translateY = (int) (mCropRect.top + mCropRect.height() / 2 - scaledHeight / 2); 
mBaseMatrix.setScale(scale, scale); 
mBaseMatrix.postTranslate(translateX, translateY); 
mBaseMatrix.mapRect(mBoundaryRect); 
setImageMatrix(getDrawMatrix()); 
} 
private boolean isImageRotated() { 
return ((mRotation % 360) == 90) || ((mRotation % 360) == 270); 
} 
private void generateCropRect(int boundaryWidth, int boundaryHeight) { 
//RectFPadding是適應產品需求,給裁剪框mCropRect設置一下padding -- chenglin 2016年04月18日 
boundaryWidth = boundaryWidth - (int)(RectFPadding * 2); 
boundaryHeight = boundaryHeight - (int)(RectFPadding * 2); 
int left; 
int top; 
int right; 
int bottom; 
boolean vertical; 
// 寬/高 大於比例的話,說明裁剪框是“豎直”的 
vertical = (float) boundaryWidth / boundaryHeight > mRatio; 
final int rectH = (int) (boundaryWidth / mRatio); 
final int rectW = (int) (boundaryHeight * mRatio); 
if (vertical) { 
left = (boundaryWidth - rectW) / 2; 
top = 0; 
right = (boundaryWidth + rectW) / 2; 
bottom = boundaryHeight; 
} else { 
left = 0; 
top = (boundaryHeight - rectH) / 2; 
right = boundaryWidth; 
bottom = (boundaryHeight + rectH) / 2; 
} 
//RectFPadding是適應產品需求,給裁剪框mCropRect設置一下padding -- chenglin 2016年04月18日 
mCropRect.set(left + RectFPadding, top + RectFPadding, right + RectFPadding, bottom + RectFPadding); 
} 
@Override 
protected void onDraw(Canvas canvas) { 
super.onDraw(canvas); 
if (!mEnableDrawCropWidget) { 
return; 
} 
if (getDrawable() == null) { 
return; 
} 
mPaint.reset(); 
mPaint.setAntiAlias(true); 
mPaint.setColor(LINE_COLOR); 
mPaint.setStrokeWidth(mLineWidth); 
mPaint.setStyle(Paint.Style.STROKE); 
mPath.reset(); 
// 上 
mPath.moveTo(mCropRect.left, mCropRect.top); 
mPath.lineTo(mCropRect.right, mCropRect.top); 
// 左 
mPath.moveTo(mCropRect.left, mCropRect.top); 
mPath.lineTo(mCropRect.left, mCropRect.bottom); 
// 右 
mPath.moveTo(mCropRect.right, mCropRect.top); 
mPath.lineTo(mCropRect.right, mCropRect.bottom); 
// 下 
mPath.moveTo(mCropRect.right, mCropRect.bottom); 
mPath.lineTo(mCropRect.left, mCropRect.bottom); 
canvas.drawPath(mPath, mPaint); 
// 繪制外部陰影部分 
mPaint.reset(); 
mPaint.setAntiAlias(true); 
mPaint.setColor(Color.parseColor("#B3333333")); 
mPaint.setStyle(Paint.Style.FILL); 
//下面的四個矩形是裝飾性的,就是裁剪框四周的四個陰影 
final int lineOffset = mLineWidth; 
if (mCropRect.top > 0) { 
canvas.drawRect(0, 0, getMeasuredWidth(), mCropRect.top - lineOffset, mPaint); 
} 
if (mCropRect.left > 0) { 
canvas.drawRect(mCropRect.top - lineOffset - RectFPadding, RectFPadding - lineOffset, mCropRect.left - lineOffset, mCropRect.bottom + lineOffset, mPaint); 
} 
if (mCropRect.right < getMeasuredWidth()) { 
canvas.drawRect(mCropRect.right + lineOffset, mCropRect.top - lineOffset, getMeasuredWidth(), mCropRect.bottom + lineOffset, mPaint); 
} 
if (mCropRect.bottom < getMeasuredHeight()) { 
canvas.drawRect(0, mCropRect.bottom + lineOffset, getMeasuredWidth(), getMeasuredHeight(), mPaint); 
} 
} 
public boolean onTouchEvent(MotionEvent ev) { 
if (ev.getPointerCount() > 1) { 
mOperation = OPERATION.SCALE; 
return mScaleGestureDetector.onTouchEvent(ev); 
} 
final int action = ev.getActionMasked(); 
final int x = (int) ev.getX(); 
final int y = (int) ev.getY(); 
switch (action) { 
case MotionEvent.ACTION_DOWN: 
mOperation = OPERATION.DRAG; 
mLastX = x; 
mLastY = y; 
break; 
case MotionEvent.ACTION_MOVE: 
if (mOperation == OPERATION.DRAG) { 
int deltaX = x - mLastX; 
int deltaY = y - mLastY; 
RectF boundary = getDrawBoundary(getDrawMatrix()); 
if (boundary.left + deltaX > mCropRect.left) { 
deltaX = (int) (mCropRect.left - boundary.left); 
} else if (boundary.right + deltaX < mCropRect.right) { 
deltaX = (int) (mCropRect.right - boundary.right); 
} 
if (boundary.top + deltaY > mCropRect.top) { 
deltaY = (int) (mCropRect.top - boundary.top); 
} else if (boundary.bottom + deltaY < mCropRect.bottom) { 
deltaY = (int) (mCropRect.bottom - boundary.bottom); 
} 
mSupportMatrix.postTranslate(deltaX, deltaY); 
setImageMatrix(getDrawMatrix()); 
mLastX = x; 
mLastY = y; 
} 
break; 
case MotionEvent.ACTION_CANCEL: 
case MotionEvent.ACTION_POINTER_UP: 
case MotionEvent.ACTION_UP: 
mLastX = 0; 
mLastY = 0; 
mOperation = null; 
break; 
} 
return super.onTouchEvent(ev); 
} 
public Bitmap getOriginBitmap() { 
BitmapDrawable drawable = (BitmapDrawable) getDrawable(); 
return drawable == null ? null : drawable.getBitmap(); 
} 
/** 
* 保存圖片為bitmap 
*/ 
public Bitmap saveCrop() throws OutOfMemoryError { 
if (getDrawable() == null) { 
return null; 
} 
Bitmap origin = getOriginBitmap(); 
Matrix drawMatrix = getDrawMatrix(); 
// 反轉一下矩陣 
Matrix inverse = new Matrix(); 
drawMatrix.invert(inverse); 
// 把裁剪框對應到原圖上去 
RectF cropMapped = new RectF(); 
inverse.mapRect(cropMapped, mCropRect); 
clampCropRect(cropMapped, origin.getWidth(), origin.getHeight()); 
// 如果產生了旋轉,需要一個旋轉矩陣 
Matrix rotationM = new Matrix(); 
if (mRotation % 360 != 0) { 
rotationM.postRotate(mRotation, origin.getWidth() / 2, origin.getHeight() / 2); 
} 
Bitmap cropped = Bitmap.createBitmap( 
origin, (int) cropMapped.left, (int) cropMapped.top, (int) cropMapped.width(), (int) cropMapped.height(), rotationM, true 
); 
return cropped; 
} 
private void clampCropRect(RectF cropRect, int borderW, int borderH) { 
if (cropRect.left < 0) { 
cropRect.left = 0; 
} 
if (cropRect.top < 0) { 
cropRect.top = 0; 
} 
if (cropRect.right > borderW) { 
cropRect.right = borderW; 
} 
if (cropRect.bottom > borderH) { 
cropRect.bottom = borderH; 
} 
} 
@Override 
public boolean onScale(ScaleGestureDetector detector) { 
float scale = detector.getScaleFactor(); 
if (scale == 1.0f) { 
return true; 
} 
final float currentScale = getScale(mSupportMatrix); 
final float centerX = detector.getFocusX(); 
final float centerY = detector.getFocusY(); 
if ((currentScale <= 1.0f && scale < 1.0f) 
|| (currentScale >= mScaleMax && scale > 1.0f)) { 
return true; 
} 
if (currentScale * scale < 1.0f) { 
scale = 1.0f / currentScale; 
} else if (currentScale * scale > mScaleMax) { 
scale = mScaleMax / currentScale; 
} 
mSupportMatrix.postScale(scale, scale, centerX, centerY); 
RectF boundary = getDrawBoundary(getDrawMatrix()); 
float translateX = 0; 
if (boundary.left > mCropRect.left) { 
translateX = mCropRect.left - boundary.left; 
} else if (boundary.right < mCropRect.right) { 
translateX = mCropRect.right - boundary.right; 
} 
Log.d("scale", "x==>" + translateX); 
float translateY = 0; 
if (boundary.top > mCropRect.top) { 
translateY = mCropRect.top - boundary.top; 
} else if (boundary.bottom < mCropRect.bottom) { 
translateY = mCropRect.bottom - boundary.bottom; 
} 
mSupportMatrix.postTranslate(translateX, translateY); 
setImageMatrix(getDrawMatrix()); 
return true; 
} 
protected Matrix getDrawMatrix() { 
mDrawMatrix.reset(); 
if (mRotation % 360 != 0) { 
final boolean rotated = isImageRotated(); 
final int width = rotated ? mImageHeight : mImageWidth; 
final int height = rotated ? mImageWidth : mImageHeight; 
mDrawMatrix.postRotate(mRotation, mImageWidth / 2, mImageHeight / 2); 
if (rotated) { 
final int translateX = (width - mImageWidth) / 2; 
final int translateY = (height - mImageHeight) / 2; 
mDrawMatrix.postTranslate(translateX, translateY); 
} 
} 
mDrawMatrix.postConcat(mBaseMatrix); 
mDrawMatrix.postConcat(mSupportMatrix); 
return mDrawMatrix; 
} 
@Override 
public boolean onScaleBegin(ScaleGestureDetector detector) { 
return true; 
} 
@Override 
public void onScaleEnd(ScaleGestureDetector detector) { 
final float currentScale = getScale(mSupportMatrix); 
if (currentScale < 1.0f) { 
Log.e("onScaleEnd", "currentScale==>" + currentScale); 
RectF boundary = getDrawBoundary(getDrawMatrix()); 
post(new AnimatedZoomRunnable(currentScale, 1.0f, boundary.centerX(), boundary.centerY())); 
} 
} 
protected RectF getDrawBoundary(Matrix matrix) { 
Drawable drawable = getDrawable(); 
if (drawable == null) { 
return mBoundaryRect; 
} 
final int bitmapWidth = drawable.getIntrinsicWidth(); 
final int bitmapHeight = drawable.getIntrinsicHeight(); 
mBoundaryRect.set(0, 0, bitmapWidth, bitmapHeight); 
matrix.mapRect(mBoundaryRect); 
return mBoundaryRect; 
} 
public float getScale(Matrix matrix) { 
return (float) Math.sqrt((float) Math.pow(getValue(matrix, Matrix.MSCALE_X), 2) + (float) Math.pow(getValue(matrix, Matrix.MSKEW_Y), 2)); 
} 
/** 
* Helper method that 'unpacks' a Matrix and returns the required value 
* 
* @param matrix - Matrix to unpack 
* @param whichValue - Which value from Matrix.M* to return 
* @return float - returned value 
*/ 
private float getValue(Matrix matrix, int whichValue) { 
matrix.getValues(mMatrixValues); 
return mMatrixValues[whichValue]; 
} 
public void enableDrawCropWidget(boolean enable) { 
mEnableDrawCropWidget = enable; 
} 
protected enum OPERATION { 
DRAG, SCALE 
} 
public enum Type { 
CENTER_CROP, CENTER_INSIDE 
} 
public interface IDecodeCallback { 
void onDecoded(final int rotation, final Bitmap bitmap); 
} 
//setImagePath這個方法耗時,需要顯示進度條,這個是監聽 
public interface onBitmapLoadListener { 
void onLoadPrepare(); 
void onLoadFinish(); 
} 
private class AnimatedZoomRunnable implements Runnable { 
private final float mFocalX, mFocalY; 
private final long mStartTime; 
private final float mZoomStart, mZoomEnd; 
public AnimatedZoomRunnable(final float currentZoom, final float targetZoom, 
final float focalX, final float focalY) { 
mFocalX = focalX; 
mFocalY = focalY; 
mStartTime = System.currentTimeMillis(); 
mZoomStart = currentZoom; 
mZoomEnd = targetZoom; 
} 
@Override 
public void run() { 
float t = interpolate(); 
float scale = mZoomStart + t * (mZoomEnd - mZoomStart); 
float deltaScale = scale / getScale(mSupportMatrix); 
mSupportMatrix.postScale(deltaScale, deltaScale, mFocalX, mFocalY); 
setImageMatrix(getDrawMatrix()); 
// We haven't hit our target scale yet, so post ourselves again 
if (t < 1f) { 
postOnAnimation(this); 
} 
} 
private float interpolate() { 
float t = 1f * (System.currentTimeMillis() - mStartTime) / 200; 
t = Math.min(1f, t); 
t = sInterpolator.getInterpolation(t); 
return t; 
} 
} 
} 
<declare-styleable name="Life_CropImage"> 
<attr name="life_Crop_ratio" format="float" /> 
<attr name="life_Crop_scale_type" format="enum"> 
<enum name="life_center_crop" value="0" /> 
<enum name="life_center_inside" value="1" /> 
</attr> 
</declare-styleable>

1、讓這個裁剪框顯示圖片:

mSeniorImageView.setImagePath(path);

2、保存裁剪後的圖片:

Bitmap imageViewBitmap = null; 
try { 
imageViewBitmap = mSeniorImageView.saveCrop(); 
} catch (OutOfMemoryError e) { 
imageViewBitmap = mSeniorImageView.getOriginBitmap(); 
PinkToast.makeText(mActivity, R.string.life_image_crop_topbar_crop_error, Toast.LENGTH_LONG).show(); 
}

3、設置裁剪比例:

mSeniorImageView.setCropRatio(3f / 4f);

4、設置裁剪框的padding:

mSeniorImageView.setCropRectPadding(0f);

5、setImagePath這個方法比較耗時,需要顯示進度條,這個是監聽:

mSeniorImageView.setBitmapLoadingListener(new SeniorCropImageView.onBitmapLoadListener() { 
@Override 
public void onLoadPrepare() { 
mActivity.showProgress(); 
} 
@Override 
public void onLoadFinish() { 
mActivity.hideProgress(); 
} 
});

以上所述是小編給大家帶來的Android 以任意比例裁剪圖片代碼分享,希望對大家有所幫助

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved