Masonry实现九宫格
2015-12-03 10:26
288 查看
效果:
Code:
/**
* @author Etz
*
* 创建九宫格
*/
- (void) createJiugongge {
int padding =
10;
float width = (CGRectGetWidth(self.view.bounds) -
40) / 3;
int count = 1;
for(int i =
0; i < 3; i++) {
for(int j =
0; j < 3; j++) {
UIView *view = [UIView
new];
view.backgroundColor = [UIColor
redColor];
[self.view
addSubview:view];
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(self.view).offset(padding+(padding+width)*j);
make.top.mas_equalTo(self.view).offset(74+(padding+width)*i);
make.width.and.height.mas_equalTo(width);
}];
UILabel *l = [UILabel
new];
l.text = [NSString
stringWithFormat:@"%d", count];
l.textAlignment =
NSTextAlignmentCenter;
l.font = [UIFont
systemFontOfSize:50];
l.textColor = [UIColor
whiteColor];
[self.view
addSubview:l];
[l mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.mas_equalTo(view);
make.size.mas_equalTo(view);
}];
count++;
}
}
}
Code:
/**
* @author Etz
*
* 创建九宫格
*/
- (void) createJiugongge {
int padding =
10;
float width = (CGRectGetWidth(self.view.bounds) -
40) / 3;
int count = 1;
for(int i =
0; i < 3; i++) {
for(int j =
0; j < 3; j++) {
UIView *view = [UIView
new];
view.backgroundColor = [UIColor
redColor];
[self.view
addSubview:view];
[view mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(self.view).offset(padding+(padding+width)*j);
make.top.mas_equalTo(self.view).offset(74+(padding+width)*i);
make.width.and.height.mas_equalTo(width);
}];
UILabel *l = [UILabel
new];
l.text = [NSString
stringWithFormat:@"%d", count];
l.textAlignment =
NSTextAlignmentCenter;
l.font = [UIFont
systemFontOfSize:50];
l.textColor = [UIColor
whiteColor];
[self.view
addSubview:l];
[l mas_makeConstraints:^(MASConstraintMaker *make) {
make.center.mas_equalTo(view);
make.size.mas_equalTo(view);
}];
count++;
}
}
}
相关文章推荐
- 九宫格的含义 横竖斜三个数相加都等于15
- jquery实现九宫格大转盘抽奖
- jQuery.lazyload+masonry改良图片瀑布流代码
- javascript+canvas制作九宫格小程序
- javascript解三阶幻方(九宫格)
- Android九宫格手势密码代码设计
- 使用Android自定义控件实现滑动解锁九宫格
- Android 九宫格的实现方法
- jQuery Masonry瀑布流插件使用详解
- Android实现九宫格(GridView中各项平分空间)的方法
- Android开发之实现GridView支付宝九宫格
- 瀑布式布局实现
- 九宫格拼图游戏
- android 九宫格的实现
- iOS学习笔记04——Visual Format Language语法的简单学习
- UI制作中的九宫格批量输出
- android简单的九宫格解锁view
- IOS 6 自动布局 入门-1 (Auto Layout)
- IOS 6 自动布局 入门 2 (Autolayout)
- GitHub Masonry 说明文档翻译