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

  最近在项目开发中遇到了不规则搜索布局的问题。之前常用的解决方案是用一个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;

        }

    }

}

posted @ 2021-03-31 17:14  奔跑的小蚂蚁9538  阅读(222)  评论(0编辑  收藏  举报