-
列号的计算方法为当前要添加的位置索引和总列数取模(求余)
-
行号的计算方法为当前要添加的位置索引和总列数取商(除法)
-
计算思路
- 利用控件的索引index计算出控件所在的行号和列好
- 利用列号计算控件的x值
- 利用行号计算控件的y值
- (void)add
{
//定义容器的宽
CGFloat shopW = 50;
//定义容器的高
CGFloat shopH = 70;
//指定列数
int clos = 3;
//计算列间距(整体宽度减掉列数乘以单个容器的宽度再除以列数减一)
CGFloat cloMargin = (self.shopsView.frame.size.width - clos * shopW) / (clos - 1);
//行间距
CGFloat rowMargin = 10;
//索引
NSUInteger index = self.shopsView.subviews.count;
//列数(取模)
NSInteger col = index % clos;
//x坐标值(当前列数乘以容器的宽加列间距)
CGFloat shopX = col * (shopW + cloMargin);
//行数(取商)
NSInteger row = index / clos;
//y坐标值(当前列数乘以容器的高加行间距)
CGFloat shopY = row * (shopH + rowMargin);
UIView *shopView = [[UIView alloc] init];
shopView.backgroundColor = [UIColor redColor];
// 添加图片
UIImageView *iconView = [[UIImageView alloc] init];
iconView.image = [UIImage imageNamed:@"danjianbao"];
iconView.frame = CGRectMake(0, 0, 50, 50);
[shopView addSubview:iconView];
// 添加文字
UILabel *label = [[UILabel alloc] init];
label.text = @"单肩包";
label.frame = CGRectMake(0, 50, 50, 20);
label.font = [UIFont systemFontOfSize:11];
label.textAlignment = NSTextAlignmentCenter;
[shopView addSubview:label];
shopView.frame = CGRectMake(shopX, shopY, shopW, shopH);
[self.shopsView addSubview:shopView];
}
