Swift 學(xué)習(xí)之瀑布流布局

Swift 學(xué)習(xí)之瀑布流布局

import UIKit
//定義協(xié)議
protocol getHeigh {
    func itemHeight(_waterFallLayout : Waterlayout, item : Int) -> CGFloat
}
class Waterlayout: UICollectionViewFlowLayout {
    
     var heightDelegat: getHeigh!
    /*列數(shù)*/
    public var columnCount : Int!
    /*縮進(jìn)*/
    public var edg : UIEdgeInsets!
    /*列間距*/
    public var columnMargin : CGFloat!
    /*行間距*/
    public var rowMargin : CGFloat!
    /*高度數(shù)組*/
    private lazy var heightArray : NSMutableArray = {
        return NSMutableArray()
    }()
    /*屬性數(shù)組*/
    private lazy var attriArray : NSMutableArray = {
       return NSMutableArray()
        }()
    
    /*準(zhǔn)備布局*/
    override func prepare() {
        super.prepare()
        self.heightArray.removeAllObjects()
        
        for _ in 0..<columnCount {
            self.heightArray.add(self.edg.top)
        }
        self.attriArray.removeAllObjects()
        
        let itemsCount = self.collectionView?.numberOfItems(inSection: 0)
        
        for i in 0..<itemsCount! {
            let attri = self.layoutAttributesForItem(at: NSIndexPath.init(row: i, section: 0) as IndexPath)
            self.attriArray.add(attri!)
        }
        
    }
    /*collectionView的大小*/
    
    override var collectionViewContentSize: CGSize{
        var maxColH:CGFloat = self.heightArray.firstObject as! CGFloat
        self.heightArray.enumerateObjects { (obj, index, stop) in
            let  obj = obj as! CGFloat
            if maxColH < obj {
                maxColH = obj
            }
        }
        
        return CGSize(width: (self.collectionView?.frame.size.width)!, height: maxColH + self.edg.bottom)
    }
    
    /*返回屬性數(shù)組*/
    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        return self.attriArray as? [UICollectionViewLayoutAttributes]
    }
    /*設(shè)置布局屬性*/
    override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
        let attribute:UICollectionViewLayoutAttributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)
    /*cell的寬度*/
        let w = ((self.collectionView?.frame.size.width)! - self.edg.left - self.edg.right - self.columnMargin * (CGFloat(self.columnCount)-1)) / CGFloat(self.columnCount)
    /*cell的高度*/
        let  h = self.heightDelegat.itemHeight(_waterFallLayout: self, item: indexPath.item)
        
    /*cell--x*/
        var indexCol = 0
        var minCoH = self.heightArray[0] as! CGFloat
        
        self.heightArray.enumerateObjects { (obj , index, stop) in
            let colH = obj as! CGFloat
            if (colH < minCoH){
                minCoH = colH
                indexCol = index
            }
        }
        
        let x = self.edg.left + (self.columnMargin + w) * CGFloat(indexCol)
        var y = minCoH  + self.rowMargin
        if minCoH == self.edg.top {
            y = self.edg.top
        }
        attribute.frame = CGRect(x: x, y: y, width: w, height: h)

        self.heightArray[indexCol] = attribute.frame.maxY
        
      return attribute
    }
    

}

調(diào)用布局

import UIKit
class ViewController: UIViewController,UICollectionViewDelegate,UICollectionViewDataSource,getHeigh {
    func itemHeight(_waterFallLayout: Waterlayout, item: Int) -> CGFloat {
        return self.heiArray[item] as! CGFloat
    }
    
    
    lazy var collection : UICollectionView = {  
        let layout = Waterlayout()
        layout.columnCount = 2
        layout.columnMargin = 10
        layout.heightDelegat = self
        layout.rowMargin = 10
        layout.edg = UIEdgeInsetsMake(10, 10, 10, 10)
        let temcollection = UICollectionView(frame:self.view.bounds, collectionViewLayout: layout)
        temcollection.delegate = self
        temcollection.dataSource = self
        temcollection.backgroundColor = UIColor.white
        
        return temcollection
    }()
    
    lazy var heiArray:NSArray = {
        return [100.0,80.0,60.0,87.0,79.0,80.0,90.0,110.0,134.0,162.0,147.0,185.0,162.0,155.0,142.0,148.0,139.0,162.0]
    }()
    
    public func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int{
        
        return self.heiArray.count
    }
    
    public func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell{
        
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
        for  vi:UIView in cell.contentView.subviews {
            vi.removeFromSuperview()
        }
        let  lable = UILabel(frame: cell.bounds)
        lable.text = "\(indexPath.item)"
        lable.textColor = UIColor.red
        lable.textAlignment = NSTextAlignment.center
        cell.backgroundColor = UIColor.purple
        cell.contentView.addSubview(lable)
        return cell
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        self.view.addSubview(self.collection)
        
        self.collection.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
    }

    


}


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末怒炸,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌笑陈,老刑警劉巖讲弄,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沮翔,死亡現(xiàn)場(chǎng)離奇詭異啥容,居然都是意外死亡秕磷,警方通過(guò)查閱死者的電腦和手機(jī)炕淮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)跳夭,“玉大人涂圆,你說(shuō)我怎么就攤上這事”姨荆” “怎么了润歉?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)颈抚。 經(jīng)常有香客問(wèn)我踩衩,道長(zhǎng)嚼鹉,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任驱富,我火速辦了婚禮锚赤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘褐鸥。我一直安慰自己线脚,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布叫榕。 她就那樣靜靜地躺著浑侥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪晰绎。 梳的紋絲不亂的頭發(fā)上寓落,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音荞下,去河邊找鬼伶选。 笑死,一個(gè)胖子當(dāng)著我的面吹牛尖昏,可吹牛的內(nèi)容都是我干的考蕾。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼会宪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了蚯窥?” 一聲冷哼從身側(cè)響起掸鹅,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拦赠,沒(méi)想到半個(gè)月后巍沙,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡荷鼠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年句携,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片允乐。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡矮嫉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出牍疏,到底是詐尸還是另有隱情蠢笋,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布鳞陨,位于F島的核電站昨寞,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜援岩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一歼狼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧享怀,春花似錦羽峰、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至仰坦,卻和暖如春履植,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背悄晃。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工玫霎, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人妈橄。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓庶近,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親眷蚓。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鼻种,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 目錄Swift學(xué)習(xí)資料@完整App@App框架@ 響應(yīng)式框架@ UI@ 日歷三方庫(kù)@下拉刷新@模糊效果@富文本@圖...
    IOS開(kāi)發(fā)攻城獅_Fyc閱讀 6,275評(píng)論 1 90
  • 目錄 Swift學(xué)習(xí)資料@ 完整App@ App框架@響應(yīng)式框架@ UI@日歷三方庫(kù)@ 下拉刷新@ 模糊效果@ 富...
    Dear_80d3閱讀 8,599評(píng)論 2 79
  • 轉(zhuǎn)載自:https://github.com/Tim9Liu9/TimLiu-iOS[https://github...
    香橙柚子閱讀 8,465評(píng)論 0 35
  • 今天是dinggie同學(xué)的生日 在這個(gè)普天同慶的日子首先跟你說(shuō) 然后 我再跟你說(shuō)說(shuō)心里話(huà) 高中剛報(bào)道的時(shí)候 我媽看...
    不知道起啥名啊啊閱讀 237評(píng)論 0 0
  • 成都七大必去景點(diǎn)(兩天半時(shí)間) 1 寬窄巷子 2 錦里 3大熊貓繁育研究基地 (49路轉(zhuǎn)87路 1小時(shí)12分鐘 4...
    娜娜是最美的小仙女閱讀 212評(píng)論 0 2