CollectionViewWaterfallLayout, Pinterest启发UICollectionViews的布局

分享于 

3分钟阅读

GitHub

  繁體 雙語
Pinterest inspired layout for UICollectionViews
  • 源代码名称:CollectionViewWaterfallLayout
  • 源代码网址:http://www.github.com/ecerney/CollectionViewWaterfallLayout
  • CollectionViewWaterfallLayout源代码文档
  • CollectionViewWaterfallLayout源代码下载
  • Git URL:
    git://www.github.com/ecerney/CollectionViewWaterfallLayout.git
    Git Clone代码到本地:
    git clone http://www.github.com/ecerney/CollectionViewWaterfallLayout
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/ecerney/CollectionViewWaterfallLayout
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    CollectionViewWaterfallLayout

    Pinterest启发UICollectionViews的布局

    注意:Swift 2.0和 cocoapods 更新了

    CollectionViewWaterfallLayoutUICollectionViewLayout的子类,完全用 Swift 编写。 这个类基于 CHTCollectionViewWaterfallLayout,它是在 Objective C 中由 chiahsien编写的。 这个类试图使用尽可能多的新东西来保持代码更新到当前的设计模式。

    最初的布局受到 Pinterest的启发。

    特性

    • 如果你习惯使用 UICollectionViewFlowLayout,那么这应该是自然
    • 高度可定制
    • .服务器与工作站
    • 支持页眉和页脚

    屏幕快照

    Real World ExampleDemo Example

    先决条件

    • ARC
    • iOS 7 +
    • Xcode 7 +
    • Swift 2.0

    安装

    CollectionViewWaterfallLayout可以通过CocoaPods获得。 要安装它,只需在你的Podfile中添加以下行:

    
    pod"CollectionViewWaterfallLayout"
    
    
    
    

    :如何使用

    查看使用 Storyboard 设置视图的示例,并编程地创建和自定义瀑布布局。

    可以自定义属性

    下面是 public 属性及其默认值,你可以更改这些属性以自定义布局

    var columnCount:Int=2var minimumColumnSpacing:Float=10.0var minimumInteritemSpacing:Float=10.0var headerHeight:Float=0.0var footerHeight:Float=0.0var headerInset:UIEdgeInsets = UIEdgeInsetsZerovar footerInset:UIEdgeInsets = UIEdgeInsetsZerovar sectionInset:UIEdgeInsets = UIEdgeInsetsZero
    需要协议

    视图的集合委托必须符合 CollectionViewWaterfallLayoutDelegate 协议并实现所需的方法,只需返回该项的原始大小:

    funccollectionView(collectionView: UICollectionView, layout: UICollectionViewLayout, sizeForItemAtIndexPathindexPath: NSIndexPath) -> CGSize

    限制

    • 只支持垂直滚动。
    • 无装饰视图。

    许可证

    CollectionViewWaterfallLayout在MIT许可证下可用。 有关详细信息,请参阅许可证文件。


    相关文章