ios開發之 自適應屏九宮格(第三方庫Masonry)

標籤：

轉自 http://blog.sina.com.cn/s/blog_13fd67a560102wil5.html

 

    //用來記錄上一次建立的UILabel

    UILabel *lastLabel = nil;

    

    for (int i = 0; i < 9; i++) {

        

        UILabel *label = [UILabel new];

        label.textAlignment = NSTextAlignmentCenter;

        label.text = [NSString stringWithFormat:@"~%d~",i];

        [self.view addSubview:label];

        

        [label mas_makeConstraints:^(MASConstraintMaker *make) {

            

            //設定高度

            make.height.offset(40.0f);

            

            //計算距離頂部的公式 60 = 上一個距離頂部的高度 + UIlabel的高度

            float colTop = (20 + i/3 * 60.0f);

            

            make.top.offset(colTop);

            

            //當是 左邊一列的時候 都是 距離父視圖 向左邊 20的間隔

            if (i%3 == 0) {

                

                make.left.offset(20.0f);

                

            }else{

                

                //當時中間列的時候 在上一個UIlabel的右邊 添加20個 距離 並且設定等高

                make.width.equalTo(lastLabel.mas_width);

                make.left.equalTo(lastLabel.mas_right).offset(20.0f);

                

            }

           //當是 最右邊列的時候 距離右邊父視圖的 距離為20  因為是向左所以是-20  控制底部也是 負數!!

            if (i%3 == 2) {

                

                make.right.offset(-20.0f);

                

            }

            

        }];

        lastLabel = label;

    }

ios開發之 自適應屏九宮格(第三方庫Masonry)