通常项目中会遇到一些特殊标签,并且这个标签个数及内容并不确定,甚至点击效果也不同.
思路如下,这里是展现一行4个标签,主要代码如下:
1. 创建所需标签背景及标签数组
// 服务标签视图
@property (nonatomic, strong) UIView *tagsView;
// 服务模型数组
@property (nonatomic, strong) NSMutableArray *serveArray;
- (UIView *)tagsView {
if (!_tagsView) {
UIView *tagsView = [[UIView alloc] init];
tagsView.frame = CGRectMake(0, 0, kContentViewWidth, 70);
tagsView.backgroundColor = [UIColor whiteColor];
_tagsView = tagsView;
}
return _tagsView;
}
- (NSMutableArray *)serveArray {
if (!_serveArray) {
NSMutableArray *array = [NSMutableArray array];
_serveArray = array;
}
return _serveArray;
}
2. 根据网络请求获取标签总数
// 标签总数
// NSInteger count = [json[@"data"] count];
self.serveArray = [YYPGoodsModel objectArrayWithKeyValuesArray:json[@"data"]];
3. 根据标签总数计算标签背景总高度
CGFloat marginX = 15;
NSInteger maxCol = 4;
CGFloat btnH = 40;
// CGFloat btnW = (kContentViewWidth - marginX * (maxCol + 1)) / maxCol;
CGFloat top = 15;
CGFloat tagViewH = (btnH + marginX) * (self.serveArray.count / maxCol + 1) + top; // 标签背景高度
// label
UILabel *label = [[UILabel alloc] init];
label.backgroundColor = [UIColor whiteColor];
label.frame = CGRectMake(0, CGRectGetMaxY(searchBar.frame) + 10, kContentViewWidth, 50);
label.text = @" 服务";
label.textColor = YYPColor(102, 102, 102);
label.font = [UIFont systemFontOfSize:18];
[self.CollectHeaderView addSubview:label];
// line
UIView *line = [[UIView alloc] init];
line.backgroundColor = YYPColor(204, 204, 204);
line.frame = CGRectMake(0, CGRectGetMaxY(label.frame) - 1, kContentViewWidth, 1);
[self.CollectHeaderView addSubview:line];
// 标签背景
self.tagsView.frame = CGRectMake(0, CGRectGetMaxY(line.frame), kContentViewWidth, tagViewH);
[self.CollectHeaderView addSubview:self.tagsView];
// 分割线
UIView *line2 = [[UIView alloc] init];
line2.backgroundColor = YYPColor(243, 243, 243);
line2.frame = CGRectMake(0, tagViewH - 1, kContentViewWidth, 1);
[self.tagsView addSubview:line2];
4. 循环创建标签并赋值标签title内容名字
self.serveArray = [YYPGoodsModel objectArrayWithKeyValuesArray:json[@"data"]];
CGFloat top = 15;
CGFloat marginX = 15;
NSInteger maxCol = 4;
CGFloat btnH = 40;
CGFloat btnW = (kContentViewWidth - marginX * (maxCol + 1)) / maxCol;
// 标签名字
for (NSInteger i = 0; i < self.serveArray.count; i++) {
NSString *name = [self.serveArray[i] NAME];
// NSString *name = json[@"data"][i][@"NAME"];
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.backgroundColor = YYPColor(238, 238, 238);
btn.layer.cornerRadius = YYP_btnCornerRadius;
btn.clipsToBounds = YES;
btn.titleLabel.font = [UIFont boldSystemFontOfSize:14];
[btn setTitleColor:YYPColor(102, 102, 102) forState:UIControlStateNormal];
[btn setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];
// 这里点击效果根据需求自定义
[btn addTarget:self action:@selector(chooseMark:) forControlEvents:UIControlEventTouchUpInside];
NSInteger col = i % maxCol; //列
btn.x = marginX + col * (btnW + marginX);
NSInteger row = i / maxCol; //行
btn.y = top + row * (btnH + marginX);
btn.width = btnW;
btn.height = btnH;
[btn setTitle:name forState:UIControlStateNormal];
[self.tagsView addSubview:btn];
}
PS:针对获取个数时会是整数时,则行数会多一行问题进行修复,若 列个数取余为整数则不需要加1.
NSInteger rowCount = (self.serveArray.count % maxCol == 0) ? self.serveArray.count / maxCol : (self.serveArray.count / maxCol + 1); // 行数
CGFloat tagViewH = (btnH + marginX) * rowCount + top; // 标签背景高度
