Android如何自定义有限制区域的图例角度自识别涂鸦工具类

作者:有用网 阅读量:194 发布时间:2024-01-09
关键字 Android

今天小编给大家分享一下Android如何自定义有限制区域的图例角度自识别涂鸦工具类的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

首先涂鸦如果要使用自定义的图片进行涂色,我们要如何实现呢?其实在Paint中提供了一个着色器属性,我们可以根据需求设置对应的着色器。

//设置着色器
public Shader setShader(Shader shader) {
    // If mShader changes, cached value of native shader aren't valid, since
    // old shader's pointer may be reused by another shader allocation later
    if (mShader != shader) {
        mNativeShader = -1;
        // Release any native references to the old shader content
        nSetShader(mNativePaint, 0);
    }
    // Defer setting the shader natively until getNativeInstance() is called
    mShader = shader;
    return shader;
}

着色器的实现类,很明显我们需要的是BitmapShader:

Android如何自定义有限制区域的图例角度自识别涂鸦工具类

第一个参数是bitmap,第二三个参数分别为X、Y轴的平铺模式:重复、镜像等等,我们这里使用重复:

//设置着色器
paint.shader = BitmapShader(
    bitmap,
    Shader.TileMode.REPEAT,
    Shader.TileMode.REPEAT
)

有了以上的设置,根据自定义图片在限定区域内可以随意涂鸦,那我们要怎么自动识别方向呢?此时的涂鸦图片都是按照水平方向重复平铺:

Android如何自定义有限制区域的图例角度自识别涂鸦工具类

由此我们需要解决两个点:

  • 我们需要得到一个最终角度

  • 我们需要将图片旋转某个角度

上文提到过设置着色器需要传入一个bitmap,那么我们可以再次对图片进行一个角度的旋转,然后再将旋转后的图片传入着色器就能达到效果,第二个问题解决了。那么第一个问题,如何得到这个角度呢?

还是得通过触摸事件,试想,如果我们能确定这一笔的大概角度,也就是总体趋势的角度,问题就得到了解决。所以,这里采取获取第一个点和最后一个点两者形成的角度来计算角度:

//通过反正切得到角度
val first = allPoints[0] //第一个点
val last = allPoints[allPoints.size-1] //最后一个点
val angle = atan2((last.y - first.y).toDouble(),(last.x - first.x).toDouble()) * (180 / Math.PI)

因为所有的点我们都是是通过容器收集的,所以这里直接拿到对应的那条线的第一个点和最后一个点获取角度,在设置着色器的时候使用Matrix工具对图片进行角度旋转。

//旋转+缩放
val dstbmp = Bitmap.createBitmap(
    bmp, 0, 0, bmp.width, bmp.height,
    Matrix().apply {
        // 缩放原图
        postScale(0.5f, 0.5f)
        // 向左旋转45度,参数为正则向右旋转
        postRotate(defaultDegrees, bmp.width / 2f, bmp.height / 2f)
    }, true
)
//设置着色器
paint.shader = BitmapShader(
    dstbmp,
    Shader.TileMode.REPEAT,
    Shader.TileMode.REPEAT
)

如果图例过大可以根据比例调用postScale(0.5f, 0.5f)进行缩放,这里缩小一半,根据实际情况调整,到此整个功能也就完成了。

Android如何自定义有限制区域的图例角度自识别涂鸦工具类


#发表评论
提交评论