iOS搜索熱詞實(shí)現(xiàn)github鏈接
例圖
需求中需要實(shí)現(xiàn)搜索頁面展示搜索熱詞。
遇到的主要問題是：詞匯如何進(jìn)行換行，以及自身高度的適應(yīng)。
///button 文字兩邊空隙
CGFloat const btnEnhanceW = 24;
///button 左右之間間距
CGFloat const btnMargin = 15;
///button 上下間距
CGFloat const btnMarginTB = 10;
///button 高度
CGFloat const btnH = 22; `
遍歷數(shù)據(jù)源添加button
通過計算行寬與容器寬度進(jìn)行比較，來確定需不需要換行
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;
}