iOS关于列表布局的几种实现方式小结
最近在项目开发中，遇到了常见的列表布局样式
，功能的要求是最多六行，动态展示。当时想到的方案是，抽象出一个cell,初始化六个标签，动态的控制显示和隐藏，这样功能上没有问题，就是代码有些冗余。请教了身边的美女同事，她那边的思路是用UICollectionView来布局实现。经过优化后的代码如下。
- (void)setupUI{
UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc]init];
layout.itemSize = CGSizeMake(K_CC_SCREEN_WIDTH, 20+10);
//行间距
layout.minimumLineSpacing = 0;
//列间距
layout.minimumInteritemSpacing = 0;
layout.scrollDirection = UICollectionViewScrollDirectionVertical;
self.collectionView = [[UICollectionView alloc]initWithFrame:CGRectZero collectionViewLayout:layout];
[self.contentView 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 registerClass:[CCHighSeasPoolCenterCollectionViewCell class] forCellWithReuseIdentifier:ccHighSeasPoolCenterCollectionViewCellIdentifier];
}
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
return self.dataSeasLeftList.count;
}
- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
CCHighSeasPoolCenterCollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:ccHighSeasPoolCenterCollectionViewCellIdentifier forIndexPath:indexPath];
CCHighSeasPoolFieldListModel *leftDic=[self.dataSeasLeftList objectAtIndex:indexPath.item];
//此处第一行展示一个值，其余列表需要拼接字段
NSString *firstText=[NSString stringWithFormat:@"%@：%@",[self getNewValue:leftDic.nameLabel],[self getNewValue:[self.itemDic objectForKey:[self getNewKey:leftDic]]]];
if (indexPath.item==0) {
//此处需要单独设置第一行的样式
[cell.lblType setText:[self getNewValue:[self.itemDic objectForKey:[self getNewKey:leftDic]]]];
cell.lblType.textColor = K_CC_COLOR_STRING(@"#333333");
cell.lblType.font = [UIFont boldSystemFontOfSize:16];
}else{
[cell.lblType setText:firstText];
cell.lblType.textColor = K_CC_COLOR_STRING(@"#999999");
cell.lblType.font = [UIFont systemFontOfSize:14];
}
return cell;
}
- (void)setDic:(NSMutableDictionary *)dic{
//此处获取当前字典的值，在cell列表中使用
self.itemDic=dic;
[self.collectionView mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(0);
make.top.mas_equalTo(self.contentView.mas_top);
make.width.mas_equalTo(K_CC_SCREEN_WIDTH);
make.bottom.mas_equalTo(self.contentView.mas_bottom);
}];
[self.imageSelect mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(16);
make.top.mas_equalTo(14);
make.size.mas_equalTo(CGSizeMake(21, 21));
}];
[self.btnSelect mas_makeConstraints:^(MASConstraintMaker *make) {
make.width.mas_equalTo(80);
make.height.mas_equalTo(80);
make.top.mas_equalTo(0);
make.left.mas_equalTo(0);}];
[self.btnJump mas_makeConstraints:^(MASConstraintMaker *make) {
make.width.mas_equalTo(K_CC_SCREEN_WIDTH-80);
make.bottom.mas_equalTo(self.contentView.mas_bottom);
make.top.mas_equalTo(0);
make.left.mas_equalTo(45);}];
[self.viewLine mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(0);
make.bottom.mas_equalTo(self.contentView.mas_bottom).mas_offset(-1);
make.size.mas_equalTo(CGSizeMake(K_CC_SCREEN_WIDTH, 1));
}];
[self.collectionView reloadData];
}
//获取新的key
-(NSString *)getNewKey:(CCHighSeasPoolFieldListModel*)temDic
{
NSString *tempKey=temDic.schemefieldName;
NSString *schemefieldType=temDic.schemefieldType;
//IMG
if ([schemefieldType isEqualToString:@"Y"]||[schemefieldType isEqualToString:@"M"]||[schemefieldType isEqualToString:@"R"]||[schemefieldType isEqualToString:@"MR"]||[schemefieldType isEqualToString:@"FL"]||[schemefieldType isEqualToString:@"FL"]) {
//如果是这几种情况，需要拼接ccname
tempKey=[NSString stringWithFormat:@"%@ccname", tempKey];
}
return tempKey;
}
//获取新的value
-(NSString *)getNewValue:(NSString*)temValue
{
if ([CCCommonAPI xfunc_check_strEmpty:temValue] ) {
temValue=@"";
}
return temValue;
}
有时候一个思路就是一种方案。代码确实优化了不少，长知识啊。
