CollectionView实现瀑布流（swift）

最新推荐文章于 2024-07-08 15:33:52 发布

中意_中意

最新推荐文章于 2024-07-08 15:33:52 发布

阅读量3.9k

点赞数

分类专栏： Swift 文章标签： swift

本文链接：https://blog.csdn.net/yi_zz32/article/details/50520136

版权

本文介绍了如何在Swift中使用纯代码实现CollectionView的瀑布流布局。通过创建自定义布局类并遵循WaterFlowViewLayoutDelegate协议，实现了计算和展示瀑布流效果。

摘要由CSDN通过智能技术生成

我们用纯代码实现一下瀑布流：
AppDelegate:

var window: UIWindow?


    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {


        window = UIWindow(frame: (UIScreen.mainScreen().bounds))

        window?.rootViewController = WaterFlowViewController()


        window?.makeKeyAndVisible()

        return true
    }

搞一个随机色：

extension UIColor {

    //随机颜色
    class func randomColor() ->UIColor {
   
        return UIColor(red: randomValue(), green: randomValue(), blue: randomValue(), alpha: 1)
    }

    class  func randomValue()->CGFloat {
   
        return CGFloat(arc4random_uniform(256))/255
    }

}

自定义布局：

protocol WaterFlowViewLayoutDelegate:NSObjectProtocol
{
    //collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath)
    ///width是瀑布流每列的宽度
    func waterFlowViewLayout(waterFlowViewLayout:WaterFlowViewLayout,heightForWidth:CGFloat,atIndextPath:NSIndexPath)->CGFloat
}

class WaterFlowViewLayout: UICollectionViewLayout {

    weak