Android: 照片选择区域功能实现

最新推荐文章于 2024-04-10 10:26:37 发布

Python_林一

最新推荐文章于 2024-04-10 10:26:37 发布

阅读量775

点赞数

分类专栏：字节跳动阿里巴巴腾讯文章标签： android 程序员 java

本文链接：https://blog.csdn.net/AndroidAlvin/article/details/116012207

版权

本文介绍了在Android中如何实现照片选择区域的功能，详细讲解了显示四个边和八个点的绘制过程，以及拖动操作的处理，包括角点拖拽和中点平移的实现。内容参考了pqpo/SmartCropper库，并提供了增强的中点平移效果，通过解决数学方程来确保平移的正确性。此外，文章还提到了相关GitHub项目和Demo的配置信息。

摘要由CSDN通过智能技术生成

实现 Android 的照片选择区域功能

主要有参考 pqpo/SmartCropper

1，显示

显示四条边和八个点，

八个点： 4 个角和 4 条边的中点

/* 裁剪区域,
0， 左上 -> LeftTop, 
1， 右上 -> RightTop，
2， 右下 -> RightBottom, 
3， 左下 -> LeftBottom
*/
Point[] mCropPoints; 

// 4 条边的中点
Point[] mEdgeMidPoints; 
复制代码

绘制

    protected void onDrawCropPoint(Canvas canvas) {
        //绘制蒙版
        onDrawMask(canvas);
        //绘制辅助线
        onDrawGuideLine(canvas);
        //绘制选区线
        onDrawLines(canvas);
        //绘制锚点
        onDrawPoints(canvas);
        //绘制放大镜
        // ...
    }

复制代码

具体绘制部分：

绘制八个点


protected void onDrawPoints(Canvas canvas) {
        if (!checkPoints(mCropPoints)) {
            return;
        }
        // 绘制 4 个角
        for (Point point : mCropPoints) {
            canvas.drawCircle(getViewPointX(point), getViewPointY(point), dp2px(POINT_RADIUS), mPointFillPaint);
            canvas.drawCircle(getViewPointX(point), getViewPointY(point), dp2px(POINT_RADIUS), mPointPaint);
        }
        if (mShowEdgeMidPoint) {
            setEdgeMidPoints();
            // 中间锚点
            // 绘制 4 条边上的中点
            for (Point point : mEdgeMidPoints){
                canvas.drawCircle(getViewPointX(point), getViewPointY(point), dp2px(POINT_RADIUS), mPointFillPaint);
                canvas.drawCircle(getViewPointX(point), getViewPointY(point), dp2px(POINT_RADIUS), mPointPaint);
            }
        }
    }
复制代码

绘制 4 条边上的中点前，

先算出当前 4 条边上中点的位置

     public void setEdgeMidPoints(){
        // 中点不存在，就新建
        if (mEdgeMidPoints == null){
            mEdgeMidPoints = new Point[4];
            for (int i = 0; i < mEdgeMidPoints.length; i++){
                mEdgeMidPoints[i] =