动态的计算行高 加载数据源 有多少显示多少 tableView 包含 colloctionView 显示复杂的界面写法
有时候，我们经常碰到这样的需求
先遵守代理
@interface PublishCollectionCell ()<UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout>
创建
_layout = [[UICollectionViewFlowLayout alloc] init];
// layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
// _collectionView = [UICollectionView new];
_collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.width, self.height) collectionViewLayout:_layout];
// _collectionView.showsHorizontalScrollIndicator = NO;
_collectionView.scrollEnabled = NO;
[_collectionView setBackgroundView:nil];
[_collectionView setBackgroundColor:[UIColor clearColor]];
[_collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cell"];
_collectionView.dataSource = self;
_collectionView.delegate = self;
[self.contentView addSubview:_collectionView];
你可以先获取cell的高度 设置 cell的默认高
+ (CGFloat)cellHeightWithObj:(NSArray *)obj{
if (obj.count == 0) return 0;
PublishLayout *publishLayout = obj[0];
CGFloat cellHeight = 0;
NSInteger row;
if (obj.count <= 0) {
row = 1;
}else{
row = ceilf((float)obj.count/publishLayout.showConutInRow);
}
cellHeight += (25 + 10) *row;
return cellHeight;
}
根据不同的显示 加载不同的数据源分类
- (void)setDataSource:(NSArray *)dataSource {
_dataSource = dataSource;
if (_dataSource.count == 0) return;
switch (_type) {
case PublishLayoutType_SexLimit:{
_layout.minimumInteritemSpacing = 20.0;
_layout.itemSize = CGSizeMake(70, 25);
ccellItemHeight = 20;
[_collectionView mas_remakeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(_label.mas_right).offset(20);
make.top.equalTo(self.contentView);
make.width.mas_equalTo(250);
make.height.mas_equalTo([PublishCollectionCell cellHeightWithObj:_dataSource]);
}];
}
break;
case PublishLayoutType_LocationLimit:{
_layout.minimumInteritemSpacing = 20.0;
_layout.itemSize = CGSizeMake(70, 25);
ccellItemHeight = 20;
[_collectionView mas_remakeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(_label.mas_right).offset(20);
make.top.equalTo(self.contentView);
make.width.mas_equalTo(160);
make.height.mas_equalTo([PublishCollectionCell cellHeightWithObj:_dataSource]);
}];
}
break;
case PublishLayoutType_Server:{
if ([UIScreen mainScreen].bounds.size.width== 320) {
_layout.minimumInteritemSpacing = 10.0;
_layout.itemSize = CGSizeMake(60, 25);
ccellItemHeight = 25;
[_collectionView mas_remakeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(_label.mas_right).offset(20);
make.top.equalTo(self.contentView);
make.width.mas_equalTo(210);
make.height.mas_equalTo([PublishCollectionCell cellHeightWithObj:_dataSource]);
}];
}else{
_layout.minimumInteritemSpacing = 20.0;
_layout.itemSize = CGSizeMake(70, 25);
ccellItemHeight = 25;
[_collectionView mas_remakeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(_label.mas_right).offset(20);
make.top.equalTo(self.contentView);
make.width.mas_equalTo(250);
make.height.mas_equalTo([PublishCollectionCell cellHeightWithObj:_dataSource]);
}];
}
}
break;
case PublishLayoutType_Props:{
_layout.minimumInteritemSpacing = 20.0;
CGFloat itemMaxWidth = 0;
for (Props *props in _dataSource) {
CGFloat width = [props.name getSizeWithFont:DefualtButtonTitileFont constrainedToSize:CGSizeMake(MAXFLOAT, DefualtButtonTitileFontSize)].width;
if (width > itemMaxWidth) {
itemMaxWidth = width;
}
}
PublishLayout *publishLayout = _dataSource[0];
itemMaxWidth = publishLayout.buttonImage.size.width + 5 + itemMaxWidth;
_layout.itemSize = CGSizeMake(itemMaxWidth, 25);
ccellItemHeight = 20;
CGFloat width = _layout.minimumInteritemSpacing + itemMaxWidth*2;
[_collectionView mas_remakeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(_label.mas_right).offset(20);
make.top.equalTo(self.contentView);
make.width.mas_equalTo(width);
make.height.mas_equalTo([PublishCollectionCell cellHeightWithObj:_dataSource]);
}];
}
break;
default:
break;
}
// _collectionView.collectionViewLayout = layout;
[_collectionView reloadData];
}
展示的时候
_tableView = ({
UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
tableView.backgroundColor = [UIColor clearColor];
tableView.dataSource = self;
tableView.delegate = self;
tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
[tableView registerClass:[PublishLimitCell class] forCellReuseIdentifier:NSStringFromClass(PublishLimitCell.class)];
[tableView registerClass:[PublishCollectionCell class] forCellReuseIdentifier:NSStringFromClass(PublishCollectionCell.class)];
[self.view addSubview:tableView];
[tableView mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(_addTopicButton.mas_bottom).offset(30);
make.left.right.equalTo(self.view);
make.bottom.equalTo(_shareCollectionView.mas_top).offset(-10);
}];
tableView;
});
用tableView 加载不同的cell 类型 复杂界面首选 整理的tableView 包含colloctionView 的写法
不过首先 可以写一个枚举
typedef NS_ENUM(NSInteger, PublishLayoutType) {
PublishLayoutType_SexLimit = 0,
PublishLayoutType_LocationLimit,
PublishLayoutType_Server,
PublishLayoutType_Props,
};
根据不同的类型 加载不同的数据源
#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return _store.numberOfRows;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
PublishCollectionCell *cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass(PublishCollectionCell.class) forIndexPath:indexPath];
switch (indexPath.row) {
case 0:
cell.label.text = @"对方性别";
cell.type = PublishLayoutType_SexLimit;
cell.dataSource = (NSArray *)_store.sexLimits;
break;
case 1:
cell.label.text = @"对方位置";
cell.type = PublishLayoutType_LocationLimit;
cell.dataSource = (NSArray *)_store.locationLimits;
break;
case 2:
cell.label.text = @"寻求服务";
cell.type = PublishLayoutType_Server;
cell.dataSource = (NSArray *)_store.serviceList;
break;
case 3:
cell.label.text = @"预算赏金";
cell.type = PublishLayoutType_Props;
cell.dataSource = (NSArray *)_store.cards;
break;
default:
break;
}
[cell setClickedBlock:^(PublishLayout *_layout) {
if (_layout.layoutType == PublishLayoutType_Props) {
if (_layout.isSelected) {
_layout.isSelected = !_layout.isSelected;
[_store updateList:_layout];
[_tableView reloadData];
} else {
[CountControlView showChooseNumInSubVC:self withCommitBlock:^(NSInteger chooseNum) {
_layout.propsNumber = chooseNum;
_layout.isSelected = !_layout.isSelected;
[_store updateList:_layout];
[_tableView reloadData];
}];
}
} else {
if (_layout.layoutType == PublishLayoutType_LocationLimit) {
if (_layout.recruitLimit.limitId.integerValue == _store.locationLimit.integerValue) {
return;
}
}
if (_layout.layoutType == PublishLayoutType_SexLimit) {
if (_layout.recruitLimit.limitId.integerValue == _store.sexLimit.integerValue) {
return;
}
}
_layout.isSelected = !_layout.isSelected;
if (_layout.isSelected && _layout.layoutType==PublishLayoutType_LocationLimit) {
[self resignTitleResponder];
if (!self.store.isLocationSuccess && [AppLogic getCityName].length==0) {
CNShowPromptWithText(@"请打开定位或完善资料");
return ;
} else{
}
}
[_store updateList:_layout];
[_tableView reloadData];
}
}];
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.row < 2) {
return 45;
} else if (indexPath.row == 2) {
return [PublishCollectionCell cellHeightWithObj:_store.serviceList];
}else if (indexPath.row == 3) {
return [PublishCollectionCell cellHeightWithObj:_store.cards];
}
return 0;
}
#pragma mark - UICollectionViewDataSource
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
if ([collectionView isEqual:self.rewardCollectionView]) {
return self.store.propsArray.count;
} else {
return 5;
}
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
if ([collectionView isEqual:self.rewardCollectionView]) {
PublishCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"reward" forIndexPath:indexPath];
// cell.props = self.store.propsArray[indexPath.row];
[cell setProps:self.store.propsArray[indexPath.row] IndexPath:indexPath SelectYes:self.isShake];
[cell setDeleteImgRow:^(NSInteger row) {
[self.store.propsArray removeObjectAtIndex:row];
self.isShake = NO;
if (self.store.propsArray.count > 0) {
self.rewardLabel.hidden = YES;
self.rewardCollectionView.hidden = NO;
} else {
self.rewardLabel.hidden = NO;
self.rewardCollectionView.hidden = YES;
}
[self.rewardCollectionView reloadData];
}];
[cell setIsShake:^(BOOL shake) {
self.isShake = YES;
[self.rewardCollectionView reloadData];
}];
return cell;
} else {
PublishCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"share" forIndexPath:indexPath];
NSString *imageNamed = @"";
switch (indexPath.row) {
case 0:
imageNamed = @"share_weixin";
break;
case 1:
imageNamed = @"share_QZone";
break;
case 2:
imageNamed = @"share_WechatTimeline";
break;
case 3:
imageNamed = @"share_qq";
break;
case 4:
imageNamed = @"share_weibo";
break;
default:
break;
}
if (_store.shareType == indexPath.row) {
imageNamed = [imageNamed stringByAppendingString:@"_sel"];
} else {
imageNamed = [imageNamed stringByAppendingString:@"_nor"];
}
cell.contengImageView.image = [UIImage imageNamed:imageNamed];
return cell;
}
return nil;
}
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
if ([collectionView isEqual:self.shareCollectionView]) {
if (_store.shareType != indexPath.row) {
_store.shareType = indexPath.row;
} else {
_store.shareType = KShareTypeNone;
}
[self.shareCollectionView reloadData];
}
else if([collectionView isEqual:self.rewardCollectionView]){
NSLog(@"%ld",(long)indexPath.row);
}
}
大概的整体思路 就是这样， 最近会写一个demo 然后放到git上 若需要可以评论 @我
动态的计算行高 加载数据源 有多少显示多少 tableView 包含 colloctionView 显示复杂的界面写法的更多相关文章
- IOS第八天(5:UITableViewController新浪微博, 计算行高)
在 4 的 基础上重写 以下的方法 control #pragma mark - 代理方法 /** 计算单元格行高 */ - (CGFloat)tableView:(UITableView *)tab ...
- UITableView！别再用代码计算行高了（一）
你还在用代码去计算行高吗?你不感觉那种方式很low吗?从今天起,试着做些改变吧! 别给我讲你喜欢写代码的感觉,你就是要用代码去计算行高,那我这篇文章不适合你. 在讲解复杂内容之前,还是先学习简单的内容 ...
- UITableView+FDTemplateLayoutCell计算行高显示<二>
之前记录过一篇UITableView+FDTemplateLayoutCell计算行高不成功的博客... 传送门:http://www.cnblogs.com/pengsi/p/6571311.htm ...
- js动态创建的select2标签样式加载不上解决办法
js动态创建的select2标签样式加载不上:调用select2的select2()函数来初始化一下: js抛出了Uncaught query function not defined for Sel ...
- jQuery：实现图片按需加载的方法，当要显示内容的高度超过了页面的高度，按需加载，根据滚动条的位置来判断页面显示的内容
实现图片按需加载的方法,当要显示内容的高度超过了页面的高度,按需加载,根据滚动条的位置来判断页面显示的内容 这个类似于京东或淘宝页面,根绝页面的滚动,显示下面的内容 如下图所示,一开始并不是所有的图片 ...
- Spring BeanPostProcessor与动态加载数据源配置
前言: 本文旨在介绍Spring动态配置数据源的方式,即对一个DataSource的配置诸如jdbcUrl,user,password,driverClass都通过运行时指定,而非由xml静态配置定死 ...
- iOS 根据字符串内容动态计算行高
+ (CGFloat)textHeightFromTextString:(NSString *)text width:(CGFloat)textWidth fontSize:(CGFloat)size ...
- java动态编译类文件并加载到内存中
如果你想在动态编译并加载了class后,能够用hibernate的数据访问接口以面向对象的方式来操作该class类,请参考这篇博文-http://www.cnblogs.com/anai/p/4270 ...
- Spark2.x（六十一）：在Spark2.4 Structured Streaming中Dataset是如何执行加载数据源的？
本章主要讨论,在Spark2.4 Structured Streaming读取kafka数据源时,kafka的topic数据是如何被执行的过程进行分析. 以下边例子展开分析: SparkSession ...
随机推荐
- django1.9 创建项目和app并初始化项目
创建项目: django-admin startproject mytest04 创建app: python manage.py startapp app04 配置:settings.py 1. 2 ...
- sublime 3 user Settings
{ "auto_complete": true, "auto_complete_delay": 50, "auto_complete_size_lim ...
- ZK 使用Clients.response
参考: http://stackoverflow.com/questions/11416386/how-to-access-au-response-sent-from-server-side-at-c ...
- Oracle索引简单介绍与示例
索引的三大特性 1索引高度 在SQL检索数据(SELECT)的时候,索引的高度的不同对检索的效率有明显的差别,数据库访问索引需要读取的数据块通常是索引的高度+1个数据块数,也就是说索引的高度越高,访问 ...
- IOS第14天(1,UITabBarController的基本的使用)
**************HMAppDelegate.m - (BOOL)application:(UIApplication *)application didFinishLaunchingWit ...
- mysql5.5手册读书日记(1)
<?php //mysql语句使用技巧 /* * 我的数据库是5.5.2 * * 查询当前用户的登陆的名字 * select user(); * * 查询当前mysql服务器时间和服务器版本 * ...
- （一）jvm
jvm,作为java平台通用性的实现基础,重要性不言而喻. 1.开发新项目,写运行脚本时要运用相关知识,确定jvm参数 2.维护老项目,需要对jvm进行性能调优 jvm内存划分: 1.程序计数器 2. ...
- 请求量限制方法-使用本地Cache记录当前请求量[坑]
有个需求:需要限制每个账户请求服务器的次数(该次数可以配置在DB,xml文件或其他).单位:X次/分钟.若1分钟内次数<=X 则允许访问,1分钟内次数>X则不再允许访问. 这类需求很常 ...
- DOM9大节点
ELEMENT_NODE 1 元素节点 常用 ATTRIBUTE_NODE 2 属性节点 常用 TEXT_NODE 3 文本节点 常用 CDATA_SECTION_NODE 4 CDATA区段 E ...
- 问题 “No mapping found for HTTP request with URI [/rbiz4/uploadFile.html]” 的解决
从以前的SpringMVC项目简化一下做个例子,结果出现了下面的错误: No mapping found for HTTP request with URI [/rbiz4/uploadFile.ht ...