从相册，相机拍照，并对图片进行剪裁

最新推荐文章于 2021-05-29 10:28:55 发布
最新推荐文章于 2021-05-29 10:28:55 发布
阅读量681 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bzy601638015/article/details/29597721
版权

这个是之前做的一个demo，在github中能下载到https://github.com/zz7zz7zz/android-cropImage,我是对里面做了修改

效果图如下：




我这个demo只是对github中剪裁的框框样式和一些拉伸区域做了效果


demo的架构如下：



1、主要是对里面的FloatDrawable.java做了修改

package com.open.crop;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;

/**
 * 头像图片选择框的浮层
 * @author Administrator
 *
 */
public class FloatDrawable extends Drawable {
	
	private Context mContext;
	private Drawable mCropPointDrawable;
	//FIXME add
	private Drawable mCropPointDrawableLeft;
	private Drawable mCropPointDrawableRight;
	private Drawable mCropPointDrawableTop;
	private Drawable mCropPointDrawableBottom;
	
	private Paint mLinePaint=new Paint();
	{
	    mLinePaint.setARGB(200, 50, 50, 50);
	    mLinePaint.setStrokeWidth(1F);
	    mLinePaint.setStyle(Paint.Style.STROKE);
	    mLinePaint.setAntiAlias(true);
	    mLinePaint.setColor(Color.WHITE);
	}
	
	public FloatDrawable(Context context) {
		super();
		this.mContext=context;
		init();
	}
	
	private void init()
	{
		mCropPointDrawable=mContext.getResources().getDrawable(R.drawable.clip_point);
		
		mCropPointDrawableLeft=mContext.getResources().getDrawable(R.drawable.common_photo_left_normal);
		mCropPointDrawableRight=mContext.getResources().getDrawable(R.drawable.common_photo_right_normal);
		mCropPointDrawableTop=mContext.getResources().getDrawable(R.drawable.common_photo_top_normal);
		mCropPointDrawableBottom=mContext.getResources().getDrawable(R.drawable.common_photo_bottom_normal);
		
		
	}
	
	public int getCirleWidth()
	{
		return mCropPointDrawableLeft.getIntrinsicWidth();
	}
	
	public int getCirleHeight()
	{
		return mCropPointDrawableLeft.getIntrinsicHeight();
	}

	@Override
	public void draw(Canvas canvas) {
		
		int left=getBounds().left;
		int top=getBounds().top;
		int right=getBounds().right;
		int bottom=getBounds().bottom;
		
		Rect mRect=new Rect(
				left+mCropPointDrawableLeft.getIntrinsicWidth()/2, 
				top+mCropPointDrawableLeft.getIntrinsicHeight()/2, 
				right-mCropPointDrawableLeft.getIntrinsicWidth()/2, 
				bottom-mCropPointDrawableLeft.getIntrinsicHeight()/2);
		//方框
		canvas.drawRect(mRect, mLinePaint);
		
		//左右边 高度的偏移量
		int lx=(bottom - top) / 2 - mCropPointDrawableLeft.getIntrinsicHeight()/2;
		mCropPointDrawableLeft.setBounds(left, top + lx, left+mCropPointDrawableLeft.getIntrinsicWidth(), top +lx+mCropPointDrawableLeft.getIntrinsicHeight());
		mCropPointDrawableLeft.draw(canvas);
		
		mCropPointDrawableRight.setBounds(right-mCropPointDrawableRight.getIntrinsicWidth(), top + lx, right, top+lx+mCropPointDrawableRight.getIntrinsicHeight());
		mCropPointDrawableRight.draw(canvas);
		
		//上
		int tx=(right - left) / 2 - mCropPointDrawableLeft.getIntrinsicWidth() / 2;
		mCropPointDrawableTop.setBounds(left+tx, top , left+tx+mCropPointDrawableTop.getIntrinsicWidth(), top +mCropPointDrawableTop.getIntrinsicHeight());
		mCropPointDrawableTop.draw(canvas);
//		//下
		mCropPointDrawableBottom.setBounds(left + tx, bottom-mCropPointDrawableBottom.getIntrinsicHeight(), left + tx +mCropPointDrawableBottom.getIntrinsicWidth(), bottom);
		mCropPointDrawableBottom.draw(canvas);
		
		
	}

	@Override
	public void setBounds(Rect bounds) {
		super.setBounds(new Rect(
				bounds.left-mCropPointDrawableLeft.getIntrinsicWidth()/2, 
				bounds.top-mCropPointDrawableLeft.getIntrinsicHeight()/2, 
				bounds.right+mCropPointDrawableLeft.getIntrinsicWidth()/2, 
				bounds.bottom+mCropPointDrawableLeft.getIntrinsicHeight()/2));
	}

	@Override
	public void setAlpha(int alpha) {
		// TODO Auto-generated method stub

	}

	@Override
	public void setColorFilter(ColorFilter cf) {
		// TODO Auto-generated method stub

	}

	@Override
	public int getOpacity() {
		// TODO Auto-generated method stub
		return 0;
	}

}


2、然后还有一些拉伸区域做了修改 

package com.open.crop;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Rect;
import android.graphics.Region;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

/**
 * 底图不变，浮层缩放
 * @author yanglonghui
 *
 */
public class CropImageView3 extends View {
	
	//单点触摸的时候
	private float oldX=0;
	private float oldY=0;
	
	//状态
	private final int STATUS_Touch_SINGLE=1;//单点
	private final int STATUS_TOUCH_MULTI_START=2;//多点开始
	private final int STATUS_TOUCH_MULTI_TOUCHING=3;//多点拖拽中
	
	private int mStatus=STATUS_Touch_SINGLE;
	
	//默认的裁剪图片宽度与高度
	private final int defaultCropWidth=300;
	private final int defaultCropHeight=300;
	private int cropWidth=defaultCropWidth;
	private int cropHeight=defaultCropHeight;
	
	private final int EDGE_LT=1;//左上
	private final int EDGE_RT=2;//右上
	private final int EDGE_LB=3;//左下
	private final int EDGE_RB=4;//右下
	private final int EDGE_MOVE_IN=5;//里面移动
	private final int EDGE_MOVE_OUT=6;//外面移动
	private final int EDGE_NONE=7;//外面移动
	
	public int currentEdge=EDGE_NONE;
	
	protected float oriRationWH=0;//原始宽高比率
	protected final float maxZoomOut=5.0f;//最大扩大到多少倍
	protected final float minZoomIn=0.333333f;//最小缩小到多少倍
	
	protected Drawable mDrawable;//原图
	protected FloatDrawable mFloatDrawable;//浮层
	protected Rect mDrawableSrc = new Rect();
	protected Rect mDrawableDst = new Rect();
	protected Rect mDrawableFloat = new Rect();//浮层选择框，就是头像选择框
	protected boolean isFrist=true;
	private boolean isTouchInSquare=true;
	
	protected Context mContext;
    
	public CropImageView3(Context context) {
		super(context);
		init(context);
	}

	public CropImageView3(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	public CropImageView3(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
			
	}
	
	@SuppressLint("NewApi")
	private void init(Context context)
	{
		this.mContext=context;
		try {  
            if(android.os.Build.VERSION.SDK_INT>=11)  
            {  
            	this.setLayerType(LAYER_TYPE_SOFTWARE, null);  
            }  
        } catch (Exception e) {  
            e.printStackTrace();  
        }  
		mFloatDrawable=new FloatDrawable(context);//头像选择框
	}

	public void setDrawable(Drawable mDrawable,int cropWidth,int cropHeight)
	{
		this.mDrawable=mDrawable;
		this.cropWidth=cropWidth;
		this.cropHeight=cropHeight;
		this.isFrist=true;
		invalidate();
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		
		if(event.getPointerCount()>1)
		{
			if(mStatus==STATUS_Touch_SINGLE)
			{
				mStatus=STATUS_TOUCH_MULTI_START;
			}
			else if(mStatus==STATUS_TOUCH_MULTI_START)
			{
				mStatus=STATUS_TOUCH_MULTI_TOUCHING;
			}
		}
		else
		{
			if(mStatus==STATUS_TOUCH_MULTI_START||mStatus==STATUS_TOUCH_MULTI_TOUCHING)
			{
				oldX=event.getX();
				oldY=event.getY();
			}
			
			mStatus=STATUS_Touch_SINGLE;
		}
		
//Log.v("count currentTouch"+currentTouch, "-------");	

		switch(event.getAction())
		{
			case MotionEvent.ACTION_DOWN:
				oldX = event.getX();
				oldY = event.getY();
				currentEdge=getTouchEdge((int)oldX, (int)oldY);
				isTouchInSquare=mDrawableFloat.contains((int)event.getX(), (int)event.getY());
Log.v("currentEdge："+currentEdge, "-------");
	            break;
	            
			case MotionEvent.ACTION_UP:
				checkBounds();
	            break;
	            
			case MotionEvent.ACTION_POINTER_1_DOWN:
				break;
				
			case MotionEvent.ACTION_POINTER_UP:
				currentEdge=EDGE_NONE;
				break;
	            
			case MotionEvent.ACTION_MOVE:
				if(mStatus==STATUS_TOUCH_MULTI_TOUCHING)
				{
					
				}
				else if(mStatus==STATUS_Touch_SINGLE)
				{
					int dx=(int)(event.getX()-oldX);
					int dy=(int)(event.getY()-oldY);
					
					oldX=event.getX();
					oldY=event.getY();
					
					if(!(dx==0&&dy==0))
					{
						<span style="color:#ff0000;">switch(currentEdge)</span>
						<span style="color:#ff0000;">{
								case EDGE_LT://左
									mDrawableFloat.set(mDrawableFloat.left+dx, mDrawableFloat.top, mDrawableFloat.right, mDrawableFloat.bottom);
									//FIXME 修改
//									mDrawableFloat.set(mDrawableFloat.left+dx, mDrawableFloat.top, mDrawableFloat.right, mDrawableFloat.bottom);
									break;
									
								case EDGE_RT://右
									mDrawableFloat.set(mDrawableFloat.left, mDrawableFloat.top, mDrawableFloat.right+dx, mDrawableFloat.bottom);
									break;
									
								case EDGE_LB://上
									mDrawableFloat.set(mDrawableFloat.left, mDrawableFloat.top+dy, mDrawableFloat.right, mDrawableFloat.bottom);
									break;
									
								case EDGE_RB://下
									mDrawableFloat.set(mDrawableFloat.left, mDrawableFloat.top, mDrawableFloat.right, mDrawableFloat.bottom+dy);
									break;
									
								case EDGE_MOVE_IN:
									if(isTouchInSquare)
									{
										mDrawableFloat.offset((int)dx, (int)dy);
									}
									break;

								case EDGE_MOVE_OUT:
									break;
						}</span>
						mDrawableFloat.sort();
						invalidate();
					}
				}
	            break;
		}
		
		return true;
	}

    public int getTouchEdge(int eventX,int eventY)
    {
    	//左右
    	int lt=(mFloatDrawable.getBounds().bottom-mFloatDrawable.getBounds().top )/2-mFloatDrawable.getCirleHeight()/2;
    	int lb=(mFloatDrawable.getBounds().bottom-mFloatDrawable.getBounds().top )/2+mFloatDrawable.getCirleHeight()/2;
    	
    	//上下
    	int tl=(mFloatDrawable.getBounds().right-mFloatDrawable.getBounds().left)/2 -mFloatDrawable.getCirleWidth()/2;
    	int tr=(mFloatDrawable.getBounds().right-mFloatDrawable.getBounds().left)/2 +mFloatDrawable.getCirleWidth()/2;
    	
    	if(mFloatDrawable.getBounds().left<=eventX&&eventX<(mFloatDrawable.getBounds().left+mFloatDrawable.getCirleWidth())
    			)
    	{
    		return EDGE_LT;//左
    	}
    	else  if((mFloatDrawable.getBounds().right-mFloatDrawable.getCirleWidth())<=eventX&&eventX<mFloatDrawable.getBounds().right
    			)
    	{
    		return EDGE_RT;//右
    	}
    	else  if((mFloatDrawable.getBounds().top-mFloatDrawable.getCirleHeight()/2)<=eventY&&eventY<(mFloatDrawable.getBounds().top+mFloatDrawable.getCirleHeight()/2))
    	{
    		return EDGE_LB;//上
    	}
    	else  if((mFloatDrawable.getBounds().bottom-mFloatDrawable.getCirleHeight())<=eventY&&eventY<(mFloatDrawable.getBounds().bottom))
    	{
    		return EDGE_RB;//下
    	}
    	else if(mFloatDrawable.getBounds().contains(eventX,eventY))
    	{
    		return EDGE_MOVE_IN;//里面移动
    	}
    	return EDGE_MOVE_OUT;
    }
    
	@Override
	protected void onDraw(Canvas canvas) {
//		super.onDraw(canvas);
		if (mDrawable == null) {
            return; // couldn't resolve the URI
        }

        if (mDrawable.getIntrinsicWidth() == 0 || mDrawable.getIntrinsicHeight() == 0) {
            return;     // nothing to draw (empty bounds)
        }
        
        configureBounds();
        
		mDrawable.draw(canvas);
        canvas.save();
        canvas.clipRect(mDrawableFloat, Region.Op.DIFFERENCE);
        canvas.drawColor(Color.parseColor("#a0000000"));
        canvas.restore();
        mFloatDrawable.draw(canvas);
	}
	
	
	protected void configureBounds()
	{
		if(isFrist)
		{
			oriRationWH=((float)mDrawable.getIntrinsicWidth())/((float)mDrawable.getIntrinsicHeight());
			
			final float scale = mContext.getResources().getDisplayMetrics().density;
			int w=Math.min(getWidth(), (int)(mDrawable.getIntrinsicWidth()*scale+0.5f));
			int h=(int) (w/oriRationWH);
			
			int left = (getWidth()-w)/2;
			int top = (getHeight()-h)/2;
			int right=left+w;
			int bottom=top+h;
			
			mDrawableSrc.set(left,top,right,bottom);
			mDrawableDst.set(mDrawableSrc);
			
			int floatWidth=dipTopx(mContext, cropWidth);
			int floatHeight=dipTopx(mContext, cropHeight);
			
			if(floatWidth>getWidth())
			{
				floatWidth=getWidth();
				floatHeight=cropHeight*floatWidth/cropWidth;
			}
			
			if(floatHeight>getHeight())
			{
				floatHeight=getHeight();
				floatWidth=cropWidth*floatHeight/cropHeight;
			}
			
			int floatLeft=(getWidth()-floatWidth)/2;
			int floatTop = (getHeight()-floatHeight)/2;
			mDrawableFloat.set(floatLeft, floatTop,floatLeft+floatWidth, floatTop+floatHeight);
			
	        isFrist=false;
		}
        
		mDrawable.setBounds(mDrawableDst);
		mFloatDrawable.setBounds(mDrawableFloat);
	}
	
	protected void checkBounds()
	{
		int newLeft = mDrawableFloat.left;
		int newTop = mDrawableFloat.top;
		
		boolean isChange=false;
		if(mDrawableFloat.left<getLeft())
		{
			newLeft=getLeft();
			isChange=true;
		}
		
		if(mDrawableFloat.top<getTop())
		{
			newTop=getTop();
			isChange=true;
		}
		
		if(mDrawableFloat.right>getRight())
		{
			newLeft=getRight()-mDrawableFloat.width();
			isChange=true;
		}

		if(mDrawableFloat.bottom>getBottom())
		{
			newTop=getBottom()-mDrawableFloat.height();
			isChange=true;
		}
		
		mDrawableFloat.offsetTo(newLeft, newTop);
		if(isChange)
		{
			invalidate();
		}
	}
	
	public Bitmap getCropImage()
	{
		Bitmap tmpBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Config.RGB_565);
		Canvas canvas = new Canvas(tmpBitmap);
		mDrawable.draw(canvas);

		Matrix matrix=new Matrix();
		float scale=(float)(mDrawableSrc.width())/(float)(mDrawableDst.width());
		matrix.postScale(scale, scale);
		
	    Bitmap ret = Bitmap.createBitmap(tmpBitmap, mDrawableFloat.left, mDrawableFloat.top, mDrawableFloat.width(), mDrawableFloat.height(), matrix, true);
	    tmpBitmap.recycle();
	    tmpBitmap=null;
	    
		return ret;
	}
    
    public int dipTopx(Context context, float dpValue) {  
        final float scale = context.getResources().getDisplayMetrics().density;  
       return (int) (dpValue * scale + 0.5f);  
    }
}



源码的下载地址：

点击打开链接

如果没有积分需要这个效果的话，可以给我留言


bamboo_2014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android调用系统相机，相册，并实现图片剪裁功能
weixin_36187973的博客
11-19 4825
先上效果图 妹子很漂亮吧！！！ 下面上代码： 1，Faceutil类： package cn.sh.steel; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.database.Cursor; import a
iOS 调取本地相册/相机，剪裁图片进行头像上传
liyiyiSmile的博客
09-15 6559
打开本地相册或打开本地相机拍照，获取图片裁剪图片，上传图片加入头文件#import <MobileCoreServices/MobileCoreServices.h> #import <AVFoundation/AVFoundation.h> #import <AssetsLibrary/AssetsLibrary.h>全部变量NSString*THE_IMG_PATH; NSString *_im
android照相,相册选取,裁剪图片综合demo,拍照+相册选择图片+剪裁图片完整实现
weixin_36204045的博客
05-29 227
今天做项目的时候要用到图片选择，要实现拍照获取图片和从相册获取图片，并且要求在获取完之后可以裁剪，试了很多方法之后终于搞定了我把这个功能模块摘出来一个小demo上代码package com.example.sddemo;import java.io.File;import android.app.Activity;import android.os.Bundle;import android.os...
Android实现读取相机（相册）图片并进行剪裁
u010477502的专栏
03-23 1006
转自：http://www.jb51.net/article/70671.htm 在 Android应用中，很多时候我们需要实现上传图片，或者直接调用手机上的拍照功能拍照处理然后直接显示并上传功能，下面将讲述调用相机拍照处理图片然后显示和调用手机相册中的图片处理然后显示的功能 我们先说一下思路，在android系统中就自带了图片剪切的应用，所以，我们只需要将我们获取到的相片传给图片剪切
Unity3d调用IOS相册，对照片进行剪裁
03-01
Unity3d 调用Ios相册，对图片进行剪彩，然后加载图片到Unity3d RawImage上面，为unity3d 2018.3.0工程
Android拍照或从图库选择图片并裁剪
01-04
今天看《第一行代码》上面关于拍照和从相册选取图片那一部分，发现始终出不来效果，所以搜索其他资料学习一下相关知识，写一个简单的Demo。  一、 拍照选择图片 1、使用隐式Intent启动相机 //构建隐式Intent ...
android照相、相册获取图片剪裁报错的解决方法
01-05
这是调用相机  public static File getImageFromCamer(Context context, File cameraFile, int REQUE_CODE_CAMERA, Intent intent) { intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); File file...
技巧——gson之实体对应的字段取别名
热门推荐
bzy601638015的专栏
06-21 2万+
因为我们项目中。后台是c++写的，后台的哥们返回的json格式首字母都是大写的，对于我们
技巧——gson之过滤你不想要的字段
bzy601638015的专栏
06-21 4494
接上一篇，虽然工具类写好了，组长问了我一个w
9宫格效果-gridview+popupWindow实现
bzy601638015的专栏
06-13 1728
这次之前项目中的一个页面效果，之前我是用linearlayout 写死实现的，今天
ListView重用ViewHolder，错位问题的解决思路？
bzy601638015的专栏
06-13 1705
今天跟大家简单的说说，我们在开发中有时候会遇到listview中有checkbox，又有
自定义View-十字架
bzy601638015的专栏
08-24 1494
好久没有写博客了，今天分享一个公司需要的
应用程序的闪屏效果的制作
bzy601638015的专栏
06-12 1298
每个应用程序都会有闪屏页面的，纳
可扩展的listview~ExpandableListView
bzy601638015的专栏
06-09 1124
之前自己对于这个可扩展的listview的og
技巧——gson工具类
bzy601638015的专栏
06-19 966
最近刚刚上班，进了新公司，最近一直在看项目，和完成组长给我de
一些设置页面的开关效果
bzy601638015的专栏
06-12 918
今天我用了两种类似开关的效果做了比较，
Tab效果之radiogroup+fragment
bzy601638015的专栏
06-09 828
今天第一次写boge
python 对图片进行剪裁
最新发布
02-01
要在 Python 中对图片进行剪裁，可以使用 Python 的图像处理库来实现。 下面是一个使用 Python 的 Pillow 库来剪裁图片的例子： ``` from PIL import Image # 打开图片 im = Image.open('image.jpg') # 获取图片...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值