iOS关于搜索不规则瀑布流布局的实现小结

最近在项目开发中遇到了不规则搜索布局的问题。 image

之前常用的解决方案是用一个tableview用一个循环动态的加载，唯一的缺点是需要动态的移除，其实也已经足够。https://download.csdn.net/download/kuuailetianzi/9905316，需要的话可以下载使用。请教了一下身边的美女同事，她那边给出的思路是用UICollectionView的复用来实现。解决方案如下。

1、pod导入JQCollectionViewAlignLayout库

2、核心代码如下

//此处用库对象JQCollectionViewAlignLayout

JQCollectionViewAlignLayout * layout = [[JQCollectionViewAlignLayout alloc]init];

layout.itemSize = CGSizeMake(K_CC_SCREEN_WIDTH, 40);

//此处设置行间距

layout.minimumLineSpacing = 10;

//此处设置列间距

layout.minimumInteritemSpacing = 10;

self.collectionView = [[UICollectionView alloc]initWithFrame:CGRectZero collectionViewLayout:layout];

[self.bottomView addSubview:self.collectionView];

self.collectionView.delegate = self;

self.collectionView.dataSource = self;

self.collectionView.layer.masksToBounds = YES;

self.collectionView.layer.cornerRadius = 8.0;

self.collectionView.showsVerticalScrollIndicator = NO;

self.collectionView.showsHorizontalScrollIndicator = NO;

self.collectionView.backgroundColor = [UIColor clearColor];

[self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {

    make.width.mas_equalTo(K_CC_SCREEN_WIDTH);

    make.bottom.mas_equalTo(self.bottomView);

    make.left.mas_equalTo(0);

    make.top.mas_equalTo(60);

}];

self.collectionView.contentInset = UIEdgeInsetsMake(10, 10, 10, 10);

[self.collectionView registerClass:[CCHighSeasPoolReturnCell class] forCellWithReuseIdentifier:kCellReuseIdentifier];

[self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:kFooterReuseIdentifier];

• (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

  CCHighSeasPoolReturnCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kCellReuseIdentifier forIndexPath:indexPath];

  NSString *codevalue= self.data[indexPath.section].items[indexPath.item].itemtitle;

  //选中项索引，修改背景、文本颜色，并给变量赋值

  if (indexPath.item==self.selectItemIndex) {

    cell.contentView.backgroundColor = K_CC_COLOR_STRING(@"#343E79");
  
    cell.lblTitle.textColor = K_CC_COLOR_STRING(@"#FFFFFF");
  
    self.rejectreason=codevalue;
  

  }else{

    cell.contentView.backgroundColor = K_CC_COLOR_STRING(@"#F5F5F5");
  
    cell.lblTitle.textColor = K_CC_COLOR_STRING(@"#333333");
  

  }

  cell.title = codevalue;

  return cell;

}

//初始化数组数据

-(void)loadData{

if (!_data) {

    NSMutableArray *data = [[NSMutableArray alloc] init];

    //JQCollectionViewItemsVerticalAlignment verticalAlignments[] = {JQCollectionViewItemsVerticalAlignmentCenter, JQCollectionViewItemsVerticalAlignmentTop, JQCollectionViewItemsVerticalAlignmentBottom};

    //设置每一项水平从左到右对齐

    JQCollectionViewItemsHorizontalAlignment horizontalAlignments[] = {JQCollectionViewItemsHorizontalAlignmentCenter, JQCollectionViewItemsHorizontalAlignmentLeft, JQCollectionViewItemsHorizontalAlignmentRight, JQCollectionViewItemsHorizontalAlignmentFlow};

    //JQCollectionViewItemsDirection directions[] = {JQCollectionViewItemsDirectionLTR, JQCollectionViewItemsDirectionRTL};

    for (int i = 0; i < 1; i++) {

        JQCollectionViewItemsHorizontalAlignment horizontal = horizontalAlignments[1];

                NSInteger count = self.dataAddressList.count;

                NSMutableArray *items = [[NSMutableArray alloc] init];

                for (int j = 0; j < count; j++) {

                    UIColor *color = K_CC_COLOR_STRING(@"#F5F5F5");

                    NSDictionary *dic=[self.dataAddressList objectAtIndex:j];

                    NSString *codevalue=[dic objectForKey:@"codevalue"];

                    //宽度自适应

                    CGFloat labelW = [CCCommonAPI getWidthWithString:codevalue font:K_CC_FONT(14) constraintSize:CGSizeMake(MAXFLOAT, 40.0f)];

                    //此处为了给每一个项留一定的空白

                    CGFloat width = labelW+10;

                    CGSize size = CGSizeMake(width, 40);

                    CCHighSeasPoolReturnItemModel *item = [[CCHighSeasPoolReturnItemModel alloc] initWithColor:color size:size index:j];

                    item.itemtitle=codevalue;

                    [items addObject:item];

                }

        CCHighSeasPoolReturnModel *section = [[CCHighSeasPoolReturnModel alloc] init];

// section.verticalAlignment = vertical;

                section.horizontalAlignment = horizontal;

                //section.direction = JQCollectionViewItemsDirectionLTR;

                section.items = items;

                [data addObject:section];

// }

// }

        _data = data;

    }

}

}