代码库> 刷新控件> 水波纹刷新效果
水波纹刷新效果
关注
查看次数:2013 下载次数:239
上传时间: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


综合评论
  • 改一下pch的path
    13152090291 评论了 日历
  • 怎么解决的
    且听风吟吟吟 评论了 XYUISlider
  • pch 报错
    小小段 评论了 日历
  • https://github.com/li199508/LVCycleScrollView
    李俊宇 评论了 LVCycleScrollView
  • 还是有bug,四个选项,选择第二个,再选第三个,然后再点击第二个,就页面失灵了。
    18598270503 评论了 CBSegment
  • 视酷即时通讯,售后服务非常差,当面一套,背后一套,付了钱,啥事不管
    18615677850 评论了 视酷即时通讯群聊系统
提示
sina weixin mail 回到顶部