iOS百度外卖的头像波浪效果实现

Yourtion

最近刚好跟朋友在讨论百度外卖上那个头像波浪效果,想想好像蛮好玩的,写一个玩玩,参考了 乔同X的博客 使用 CADisplayLink,并改成 Swift 实现。

GitHub:

https://github.com/yourtion/Y...

欢迎大家吐槽。


效果图:

ScreenShot

使用方法

// 初始化
let frame = CGRect(x: 0, y: 50, width: self.view.bounds.size.width, height: 150)
let waterView = YXWaveView(frame: frame, color: UIColor.whiteColor())
waterView.addOverView(avatarView);

// 添加浮动层
waterView.addOverView(overView);

// 开始动画
waterView.start()

// 停止动画
waterView.stop()

参数设置

// 实浪颜色
waterView.realWaveColor = UIColor.blueColor()

// 遮罩浪颜色
waterView.maskWaveColor = UIColor.blackColor()

// 波浪速度 (default: 0.6)
waterView.waveSpeed = 0.5

// 浪高 (default: 5)
waterView.waveHeight = 6

// 波浪弯曲程度 (default: 1.5)
waterView.waveCurvature = 1.2
阅读 4.8k

Yourtion杂说
关于开发与运维过程中的点滴记录~[链接]
778 声望
9 粉丝
0 条评论
778 声望
9 粉丝
文章目录
宣传栏