Android实现自定义相机系列(1)—自定义view裁剪控件

目标

本系列文章主要记录自定义相机拍照系列，项目源码还在编写中，后续会传到github，内容包括：
1、使用Android的Camera API自定义拍照模式，例如人脸拍照，OCR拍照等；
2、对拍完的照片进行裁剪；
3、自定义图片伸缩view，使用手势对图片进行放大缩小操作；

本人写博客也是为了自己学习和分享，也会参考网络上许多文章和开源项目，希望大家一块学习进步。
学习这一系列课程，需要拥有Android自定义view的基本知识，这一篇文章主要介绍自定义裁剪view控件。

自定义view裁剪控件

Android自带的系统中有图片裁剪的功能，后面介绍系统自带的拍照功能时再进行介绍，此篇文章介绍自定义裁剪控件的原理和实现，主要实现以下几个功能：

• 继承View，实现自定义View功能
• 绘制裁剪矩形框
• 实现矩形框的拖动功能
• 实现矩形框拉伸四个角缩放功能
• 提供返回获取矩形坐标方法，方便进行裁剪

演示效果图

直接看代码会枯燥，这里先看下演示效果图

代码实现

1、自定义view类FrameOverlayView，实现带灰色遮罩的矩形选取框控件。

public class FrameOverlayView extends View {

    // 获取矩形的四个点坐标，方便截取矩形中的图片
    public Rect getFrameRect() {
        Rect rect = new Rect();
        rect.left = (int) frameRect.left;
        rect.top = (int) frameRect.top;
        rect.right = (int) frameRect.right;
        rect.bottom = (int) frameRect.bottom;
        return rect;
    }

    public FrameOverlayView(Context context) {
        super(context);
        init();
    }

    public FrameOverlayView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public FrameOverlayView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    // 创建画笔，Paint.ANTI_ALIAS_FLAG : 用于绘制时抗锯齿
    private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    // 创建橡皮擦画笔
    private Paint eraser = new Paint(Paint.ANTI_ALIAS_FLAG);

    // 代码块，初始化一些属性
    {
        // 关闭硬件加速，注：不能在view级别开启硬件加速
        setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        // 设置画笔颜色为白色
        paint.setColor(Color.WHITE);
        // 设置只绘制图形轮廓（描边）
        paint.setStyle(Paint.Style.STROKE);
        // 设置线宽
        paint.setStrokeWidth(6);
        // 清除模式［0，0］，即最终所有点的像素的alpha 和color 都为 0，所以画出来的效果只有白色背景
        eraser.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    }

    private int currentCorner = -1;
    private static final int CORNER_LEFT_TOP = 1;
    private static final int CORNER_RIGHT_TOP = 2;
    private static final int CORNER_RIGHT_BOTTOM = 3;
    private static final int CORNER_LEFT_BOTTOM = 4;
    // 设置边距
    private int margin = 20;
    // 设置角的线宽
    private int cornerLineWidth = 6;
    private int cornerLength = 20;
    private RectF touchRect = new RectF();
    private RectF frameRect = new RectF();
    // 声明手势识别类
    private GestureDetector gestureDetector;

    // 初始化工作
    private void init() {
        Log.e("init", "init");
        gestureDetector = new GestureDetector(getContext(), simpleOnGestureListener);
        // 设置角的长度
        cornerLength = DimensionUtil.dpToPx(18);
        // 设置角线的宽度
        cornerLineWidth = DimensionUtil.dpToPx(3