iOS搜索热词实现github链接
例图
需求中需要实现搜索页面展示搜索热词。
遇到的主要问题是：词汇如何进行换行，以及自身高度的适应。
///button 文字两边空隙
CGFloat const btnEnhanceW = 24;
///button 左右之间间距
CGFloat const btnMargin = 15;
///button 上下间距
CGFloat const btnMarginTB = 10;
///button 高度
CGFloat const btnH = 22; `
遍历数据源添加button
通过计算行宽与容器宽度进行比较，来确定需不需要换行
CGFloat btnW = button.bounds.size.width + btnEnhanceW + btnMargin;
tempSum += btnW;
if (tempSum < self.bounds.size.width + btnMargin ) {
[btnsArr addObject:button];
}else{
tempSum = btnW;
btnsArr = [NSMutableArray array];
[btnsArr addObject:button];
[_rowsContainer addObject:btnsArr];
}
button初始化完成后，开始布局。
CGFloat btnY = 0;
for (int index = 0;index < self.rowsContainer.count; index++) {
NSArray<UIButton *> *btnsArr = self.rowsContainer[index];
if (index == 0) {
btnY = 15;
}else {
btnY = 15 + (btnH + btnMarginTB) * index;
}
for (int i = 0; i < btnsArr.count; i++) {
UIButton *button = (UIButton *)[btnsArr objectAtIndex:i];
[button sizeToFit];
if (i == 0) {
button.frame = CGRectMake(0, btnY, button.bounds.size.width + btnEnhanceW, btnH);
}else {
button.frame = CGRectMake(CGRectGetMaxX(btnsArr[i - 1].frame) + btnMargin, btnY, button.bounds.size.width + btnEnhanceW, btnH);
}
if (index == self.rowsContainer.count - 1 && i == btnsArr.count - 1) {
_selfHeight = CGRectGetMaxY(button.frame);
}
}
}
- (void)setFrame:(CGRect)frame {
[super setFrame:frame];
_selfFrame = frame;
}