PullToBounce, UIScrollView的動畫"Pull To Refresh" 庫 受https啟發

分享于 

3分钟阅读

GitHub

 
Animated "Pull To Refresh" Library for UIScrollView. Inspired by https://dribbble.com/shots/1797373-Pull-Down-To-Refresh
  • 源代码名称:PullToBounce
  • 源代码网址:http://www.github.com/entotsu/PullToBounce
  • PullToBounce源代码文档
  • PullToBounce源代码下载
  • Git URL:
    git://www.github.com/entotsu/PullToBounce.git
    Git Clone代码到本地:
    git clone http://www.github.com/entotsu/PullToBounce
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/entotsu/PullToBounce
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    PullToBounce

    PlatformLanguageLicenseCocoaPods

    UIScrollView的动画"拖到刷新"库。

    你可以将动画"拖到刷新"动作添加到 UIScrollView,UITableView和 UICollectionView。

    https://dribbble.com/shots/1797373-Pull-Down-To-Refresh 激发。

    objective-c 版本在这里。

    Xamarin.iOS 版本在这里。

    屏幕截图

    Demo GIF Animation

    你可以在 appetize.io 播放演示。

    安装

    你可以通过CocoaPods将这个安装到你的项目中。

    
    pod 'PullToBounce'
    
    
    
    
    用法

    请将你的滚动视图打包

    // Please wrap your scroll viewtableView.frame= yourFramelet tableViewWrapper =PullToBounceWrapper(scrollView: tableView)// Please add wrapper view to your view instead of your scroll view.bodyView.addSubview(tableViewWrapper)

    包装的框架将与你的scrollView相同。

    颜色将与你的scrollview颜色背景相同。

    事件处理程序

    tableViewWrapper.didPullToRefresh= {
     didFinishYourLoading() {
     tableViewWrapper.stopLoadingAnimation()
     }
    }
    自定义动画 PullToBounceWrapper的缺省实参
    init(
     scrollView: UIScrollView,//this is the only required argument
     bounceDuration: CFTimeInterval =0.8,
     ballSize:CGFloat =36,
     ballMoveTimingFunc: CAMediaTimingFunction =CAMediaTimingFunction(controlPoints:0.49,0.13,0.29,1.61),
     moveUpDuration: CFTimeInterval =0.25,
     pullDistance: CGFloat =96,
     bendDistance: CGFloat =40,
     didPullToRefresh: (()->())?=nil)

    你可以使用这些参数自定义动画。


    HTTP  REF  Https  animate  Animated  刷新