zoukankan      html  css  js  c++  java
  • 瀑布流的简单实现

    详细代码请前往: https://git.oschina.net/null_248_6948/WaterfallLayout

     

    extension WaterfallLayout {

        //     prepare准备所有Cell的布局样式

        override func prepare() {

            super.prepare()

            

            //         0.获取item的个数

            let itemCount = collectionView!.numberOfItems(inSection: 0)

            

            //         1.获取列数

            let cols = dataSource?.numberOfColsInWaterfallLayout?(self) ?? 2

            

            //         2.计算Item的宽度

            let itemW = (collectionView!.bounds.width - self.sectionInset.left - self.sectionInset.right - self.minimumInteritemSpacing * CGFloat((cols - 1))) / CGFloat(cols)

            

            //         3.计算所有的item的属性

            for i in startIndex..<itemCount {

                //             1.设置每一个Item位置相关的属性

                let indexPath = IndexPath(item: i, section: 0)

                

                //             2.根据位置创建Attributes属性

                let attrs = UICollectionViewLayoutAttributes(forCellWith: indexPath)

                

                //             3.随机一个高度

                guard let height = dataSource?.waterfallLayout(self, indexPath: indexPath) else {

                    fatalError("请设置数据源,并且实现对应的数据源方法")

                }

                

                //             4.取出最小列的位置

                var minH = colHeights.min()!

                let index = colHeights.index(of: minH)!

                minH = minH + height + minimumLineSpacing

                colHeights[index] = minH

                

                //             5.设置item的属性

                attrs.frame = CGRect(x: self.sectionInset.left + (self.minimumInteritemSpacing + itemW) * CGFloat(index), y: minH - height - self.minimumLineSpacing, itemW, height: height)

                attrsArray.append(attrs)

            }

            

            //         4.记录最大值

            maxH = colHeights.max()!

            

            //         5.startIndex重新复制

            startIndex = itemCount

        }

    }

    完事皆项目,感兴趣可联系我邮箱~hjjuny@163.com
  • 相关阅读:
    博客搬迁
    android中listview的item滑动删除效果(已解决listview点击问题)
    来把博客园变成“原谅”的颜色
    Datatables后台服务器端分页、根据条件重新查询、主要技术问题
    JQuery双列表交互模态窗口,列表项互相、上下移动
    Angular页面刷新保存变量数据,运用localstorage
    Angular中使用datatable.js出现错误“ui-router TypeError: Cannot read property 'childNodes' of undefined”的解决方法
    使用swiper-animate.js制作h5宣传页
    使用JavaScript/JQuery 操作SVG元素的几个关键技巧
    mac os系统使用Visual Studio Code打开浏览器查看HTML文件
  • 原文地址:https://www.cnblogs.com/hjjun/p/6123640.html
Copyright © 2011-2022 走看看