iOS百度外賣的頭像波浪效果實現

最近恰好跟朋友在討論百度外賣上那個頭像波浪效果,想一想好像蠻好玩的,寫一個玩玩,參考了 喬同X的博客 使用 CADisplayLink,並改爲 Swift 實現。git

GitHub:

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

歡迎你們吐槽。swift


效果圖:

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
相關文章
相關標籤/搜索