自定义波浪View,使头像跟着波浪背景浮动

最新推荐文章于 2021-05-27 17:01:45 发布

shan_zwq

最新推荐文章于 2021-05-27 17:01:45 发布

阅读量452

点赞数

分类专栏：自定义view 文章标签：波浪效果图片浮动

本文链接：https://blog.csdn.net/shanshan_1117/article/details/79354142

版权

自定义view 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

先上效果图:

自定义波浪View:

通过正余弦自定义View 实现水波浪效果:

 double ω = 2 * Math.PI / getWidth();
        mAbovePath.moveTo(getLeft(), getBottom());
        mBelowWavePath.moveTo(getLeft(), getBottom());
        for (float x = 0; x <= getWidth(); x += 20) {
            y = (float) (rangeY * Math.cos(ω * x + φ) + 8);
            y2 = (float) (rangeY * Math.sin(ω * x + φ));
            mAbovePath.lineTo(x, y);
            mBelowWavePath.lineTo(x, y2);
            //回调 把y坐标的值传出去(在activity里面接收让图片随波浪一起摇摆)
            if (mWaveAnimationListener != null)
                mWaveAnimationListener.OnWaveAnimation(y);
        }
        mAbovePath.lineTo(getRight(), getBottom());
        mBelowWavePath.lineTo(getRight(), getBottom());

        canvas.drawPath(mAbovePath, mAboveWavePaint);
        canvas.drawPath(mBelowWavePath, mBelowWavePaint);

在Activity中监听自定义view的波动幅度,使图片随着上下浮动;

ｄｅｍｏ下载地址

点击打开链接

http://download.csdn.net/download/shanshan_1117/10255755