Android裁剪图片为波浪形或者曲线形的ImageView

置顶

碧水逍遥

于 2024-03-29 17:26:49 发布

阅读量705

点赞数 4

本文链接：https://blog.youkuaiyun.com/u010231454/article/details/137144553

版权

本文介绍了如何在Android中使用贝塞尔曲线实现自定义的波浪效果进度条，通过裁剪图片并对ImageView进行处理，提供了一个自定义View和贝塞尔ImageView的示例，展示了如何通过改变控制点调整曲线形状以及使用sin()函数创建动态波浪效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果需要做一个自定义的波浪效果的进度条，裁剪图片，对ImageView的图片进行裁剪，比如下面2张图，如何实现？

先看下面的效果，看到其实只需要对第一张高亮的图片进行处理即可，灰色状态的作为背景图。

1、实现原理

这里首先想到的是自定义View，在Android中,使用二阶贝塞尔曲线可以实现我们想要的效果，关键的API就是Path的rQuadTo()方法。

        path.reset()
        path.moveTo(startX, startY)
        path.quadTo(currentX, currentY, endX, endY)
        canvas.drawPath(path, curvePaint)

startX和startY，endX和endY为两个固定点，currentX和currentY就是控制点，通过改变控制点的位置来改变二阶贝塞尔曲线的形状。

a点和b点就是固定点，c点是控制点，我们可以

最低0.47元/天解锁文章