代码库> 刷新控件> 水波纹刷新效果
水波纹刷新效果
关注
查看次数:1215 下载次数:168
上传时间:2016-11-13 大小:130 B
类似水波纹效果,可用于下拉刷新。
实现原理: 由水波纹的特点类似于波浪形状,因此可根据正弦函数f(x) = Asin(ωx+φ)来实现波浪的形状。 A震动时所能达到的最高和最低点; 正弦完整的周期T = 2π/ω,因此周期越长,ω值越小 φ为相位,当φ为0时,x=0,则y=0.φ>0,则正弦函数向左偏移,φ<0,正弦函数向右偏移。
由上函数,要使我们的波浪向右移动,因此φ必须小于0

如何使用? 1. 创建FFWaveView对象,将其添加到要使用的视图上,并设置Frame // FFWaveView setup waveView = FFWaveView.addTo(view: tableview.tableHeaderView!, frame: CGRect(x: 0, y: headerView.frame.size.height - 10, width: view.frame.size.width, height: 10))

// optional waveView.waveColor = UIColor.white waveView.waveSpeed = 10 waveView.angularSpeed = 1.5

调用 func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) { //拖拽时,开始执行 if waveView.startWave() { DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 3) { //延时结束动画 self.waveView.stopWave() } } }
1.可修改水波纹x移动的速度 2.可修改水波纹的颜色 3.可修改水波纹的周期


github:https://github.com/fzj270452746/WaveAnimationDemo
如果喜欢,请赏个星,谢谢!
如有问题,欢迎小伙伴们来讨论交流,本人Q:270452746
收藏
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0
提示
sina weixin mail 回到顶部