/**
* 九宮格的創(chuàng)建是有規(guī)律可循的,每一個(gè)格子的水平和豎直方向的間隔是固定的
* ,通過(guò)計(jì)算每一個(gè)格子的位置,然后把它們依次放到視圖中即可。
*
* 一般的步驟為:
* 1.設(shè)置格子的總個(gè)數(shù)和每一列的格子數(shù)
* 2.求格子的間隔:
* 水平間隔 = 視圖總寬-每一個(gè)格子的寬*列數(shù))/(列數(shù)+1)
* 豎直間隔 = 水平間隔
* 3.通過(guò)for循環(huán),依次創(chuàng)建所有的格子并設(shè)置相應(yīng)的圖片,并且對(duì)每一個(gè)格子的位置進(jìn)行設(shè)置
*/

聲明屬性

   // 聲明屬性
    var button :UIButton?
    var image :UIImage?

設(shè)置格子總數(shù)和列數(shù)

       // 設(shè)置格子的高和寬
        self.image = UIImage(named: "0.jpg")
//        let heigth:CGFloat = self.image!.size.height
//        let width:CGFloat = self.image!.size.width
        
        let heigth:CGFloat = 75
        let width:CGFloat = 75

設(shè)置格子的間距

       // 設(shè)置格子的間距
        let screenSize:CGSize = self.view.frame.size
        
        let hMargin:CGFloat = (screenSize.width - (CGFloat(col) * width)) / CGFloat((col+1))
        let vMargin:CGFloat = hMargin

創(chuàng)建九宮格

       var row:Int = 0
        for i in 0..<nums {
            self.button = UIButton()
            self.image! = UIImage(named: "\(i).jpg")!
            self.button!.setImage(self.image!, forState: .Normal)
            
            if i%col == 0 {
                row++
            }
            
            let x:CGFloat = hMargin + (width + hMargin) * CGFloat(i%col)
            let y:CGFloat = vMargin + (heigth + vMargin) * CGFloat(row)
            
            self.button!.frame = CGRectMake(x, y, width, heigth)
            self.view.addSubview(self.button!)
        }

運(yùn)行效果