IOS 6.0+ Autolayout — UITableViewCell 高度调整
- 要实现的效果
- 要求:
- storyboard上的准备工作
- 建好cell自定义AutoCell 类,关联好控件,事先准备好一些数据源
- 实现tableview的委托方法
- 核心部分,HeightForRow方法实现
- 具体的计算高度方法是现在自定义cell类中
- 几大需要注意的地方
- 在ios6.0上测试
要实现的效果
要求:
一般titleLabel 仅显示一行标题,高度为固定。
imageview 大小也为固定。
detailLabel 宽度固定,但高度根据文本动态调整。
cell 底部拒imageview 的底部以及detailLabel 底部高度都是大于等于20。
当detailLabel文字很少时,cell底部拒imageview底部维持20,这时detaillabel底部距cell 底部大于20.
当detailLabel文字很多时,cell底部距imageview底部超过20,与detailLabel底部高度维持20.
storyboard上的准备工作
注意将detailLabel numberOfLines 设为0
建好cell自定义AutoCell 类,关联好控件,事先准备好一些数据源
1
2
3
|
nameArray = [NSMutableArray arrayWithObjects:@ "蜗壳" ,@ "AI" ,@ "大詹皇" ,nil];
imageArray = [NSMutableArray arrayWithObjects:@ "u=4040080498,3072784853&fm=90&gp=0.jpg" ,@ "u=2384677404,2895132414&fm=21&gp=0.jpg" ,@ "u=262781505,2408318453&fm=21&gp=0.jpg" , nil];
descriptionArray = [NSMutableArray arrayWithObjects:@ "蜗壳打球好潇洒,好飘逸,铁王之王" ,@ "AI,史上最矮状元,无冕之王,crossover简直厉害,观赏性强,永远的MVP!!!!" ,@ "最年轻的一万分先生,MVP,奥布莱恩杯,效率之王,天之骄子,全宇宙最强的球员没有之一,强突暴扣身体棒,发际线又高了,关键时刻又耸了,带领骑士夺冠吧,虽然看起来还没戏!!!!!!" , nil];
|
实现tableview的委托方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
//numberOfRows
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return 3;
}
//cellForRow
-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
AutoTableViewCell *cell = (AutoTableViewCell*)[tableView dequeueReusableCellWithIdentifier:@ "autoCell" ];
[cell.titleLabel setText:nil];
[cell.titleLabel setText:[nameArray objectAtIndex:indexPath.row]];
[cell.descriptionLabel setText:nil];
[cell.logoImageView setImage:[UIImage imageNamed:[imageArray objectAtIndex:indexPath.row]]];
[cell.descriptionLabel setText:[descriptionArray objectAtIndex:indexPath.row]];
return cell;
}
|
先不实现HeightForRow方法,直接运行,发现ios7,ios8上都没有得到想要的效果
IT'S SO BAD!!!
核心部分,HeightForRow方法实现
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
static AutoTableViewCell *cell = nil;
static dispatch_once_t onceToken;
//只会走一次
dispatch_once(&onceToken, ^{
cell = (AutoTableViewCell*)[tableView dequeueReusableCellWithIdentifier:@ "autoCell" ];
});
//calculate
CGFloat height = [cell calulateHeightWithtTitle:[nameArray objectAtIndex:indexPath.row] desrip:[descriptionArray objectAtIndex:indexPath.row]];
return height;
}
|
具体的计算高度方法是现在自定义cell类中
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
-(CGFloat)calulateHeightWithtTitle:(NSString*)title desrip:(NSString*)descrip
{
//这里非常重要
CGFloat preMaxWaith =[UIScreen mainScreen].bounds.size.width-108;
[self.detailLabel setPreferredMaxLayoutWidth:preMaxWaith];
[self.titleLabel setText:title];
//这也很重要
[self.detailLabel layoutIfNeeded];
[self.detailLabel setText:descrip];
[self.contentView layoutIfNeeded];
CGSize size = [self.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
//加1是关键
return size.height+1.0f;
}
|
几大需要注意的地方
首先说为什么要设置 PreferredMaxLayoutWidth, 表示label的最大的布局宽度,label显示多少行与它的宽度肯定有关,所有这里要设置正确的宽度,但这里有点坑的地方
这是storyboard 上detailLabel 的该属性,默认是没有勾选的(automatic)表示系统自动计算最大布局宽度,但是查看官方文档,你会发现自动计算只有在ios8中才会有效果,低于ios8不会自动计算。这时你可能会说:那把它勾上吧!!!
如图,勾上之后你发现显示的是492,这是什么意思?这个数字是当前使用的storyboard 的宽度减去label到两边界的绝对距离。xcode6 为大尺寸storyboard 宽度600 ,减去 detailLabel 距左边界98,减去距右边界10,刚好492.
但是这样对吗?很明显不对,iphone 屏幕宽度不是已经有3种宽度了么?320、375(iphone6)、414(plus)
所以600很明显不对,应该用当前运行的宽度来减去108,所以这里勾不勾都是错,干脆不勾了直接代码算吧....
1
|
CGFloat preMaxWaith =[UIScreen mainScreen].bounds.size.width-108;
|
关于layoutIfNeeded到底是干嘛的,我也是一知半解,只知道不加效果出不来,打算之后再去查阅...
加1是关键
1
2
|
[self.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
return size.height+1.0f;
|
这里size.height 实际上是我们要的contentview 的高度,但是我们如果直接将这个高度返回,就赋给了cell的高度,但是由于cell 分界线的原因,cell的高度比contentview高度多1,所以这里加1再返回。不要小看1像素,少了它效果还真就出不来!!!!
注意了这些,我们再运行,发现得到了想要的效果,切换模拟器,也没问题。
在ios6.0上测试
没有6.0的模拟器了,找了台6.0的真机,测试后效果如图
detailLabel的高度始终没有改变,维持在一行,但是可以发现cell的高度是对的,这似乎说明heightforrow方法没问题,那detailLabel为何没有自动拉伸呢?
再次检查了代码,原来问题出在cellforrow方法中,因为每个cell上的detailLabel的高度要拉伸就应该给每个 detailLabel设置最大布局宽度:preferredMaxLayoutWidth。之前做的仅仅只是在heightforrow里面的得到那个 用来计算的cell设置过。所以加了几句代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
AutoTableViewCell *cell = (AutoTableViewCell*)[tableView dequeueReusableCellWithIdentifier:@ "autoCell" ];
[cell.titleLabel setText:nil];
[cell.titleLabel setText:[nameArray objectAtIndex:indexPath.row]];
//补上的几句,给用来显示的DetailLabel 设置最大布局宽度
CGFloat preMaxWaith =[UIScreen mainScreen].bounds.size.width-108;
[cell.detailLabel setPreferredMaxLayoutWidth:preMaxWaith];
[cell.detailLabel layoutIfNeeded];
[cell.detailLabel setText:nil];
[cell.logoImageView setImage:[UIImage imageNamed:[imageArray objectAtIndex:indexPath.row]]];
[cell.detailLabel setText:[descriptionArray objectAtIndex:indexPath.row]];
return cell;
}
|
再次运行,可以看到在ios6中也得到了想要的效果,
IT'S perfect!!!
总之,研究了几天布局,发现ios好坑,各种陷阱,好在查阅了中外各种资料,最终还是实现了效果。
项目源码:https://github.com/zhangxh6931/AutolayoutCell
IOS 6.0+ Autolayout — UITableViewCell 高度调整相关推荐
- ios开源框架——UITableView+FDTemplateLayoutCell优化UITableViewCell高度计算
前言 这篇文章是我和我们团队最近对UITableViewCell利用AutoLayout自动高度计算和UITableView滑动优化的一个总结.从这篇文章里,你可以读到: UITableView高度计 ...
- IOS开发—IOS7.0以后UILabel高度自适应设置
IOS7.0以后UILabel高度自适应 IOS7.0以后,UILabel自适应高度的方法发生了改进,以下根据代码展示如何对一个label做自适应文本高度的操作. 代码示例: UILabel *lab ...
- xx.xib: error: Illegal Configuration: Safe Area Layout Guide before iOS 9.0报错问题解决
之前是用xcode8.3.3创建的工程最近升级到Xcode9.0 遇见了这个问题 在Xcode 9.0以上 新建xib文件会报错 xx.xib: error: Illegal Configuratio ...
- iOS开发UI篇—UITableviewcell的性能优化和缓存机制
iOS开发UI篇-UITableviewcell的性能问题 一.UITableviewcell的一些介绍 UITableView的每一行都是一个UITableViewCell,通过dataSource ...
- ios 获取html的高度,iOS Webview自适应实际内容高度的4种方法详解
//第一种方法 - (void)webViewDidFinishLoad:(UIWebView *)webView { CGFloat webViewHeight=[webView.scrollVie ...
- 苹果推送iOS 15.0.1版本 修复涉及iPhone 13的Bug
10月2日消息,苹果向iPhone用户推送了iOS 15.0.1更新,这距离iOS 15正式版发布仅仅过去约两周时间. 苹果iOS 15.0.1正式版修复了部分用户无法使用Apple Watch解锁i ...
- iphoneX布局适配及iOS 11.0系统适配
一,想必大多开发者将自己的项目跑到iPhoneX模拟器上后,会出现各种异常,包括界面布局的变化,根据自己遇到的情况主要说下面两点大家肯定需要修改的: (1),启动页不是全屏的,(如图) 解决办法: 如 ...
- 苹果手机无法验证应用怎么办_苹果关闭iOS 14.0.1验证,用户将无法降级_
2020年10月28日 10:01作者:陈沐梁编辑:陈沐梁文章出处:泡泡网原创 10月28日消息 在上周发布 iOS 14.1正式版之后,苹果今天停止了对 iOS 14.0.1的验证,这意味着用户无法 ...
- iOS基础 获取状态栏的高度
由于各代iPhone对屏幕尺寸以及前置摄像头.传感器等的迭代,对于其状态栏的高度也发生了一些微小的变化,不再是如以前的20高度了. 因此在iOS13后,对于状态栏的高度,有这么一个方法可以获取. if ...
最新文章
- 认知科学顶刊:挑战过去50年神经科学观点,人类智力的优势或来自于记忆储存方式...
- 正则表达式中^的用法
- java 最近将工作中用到的工具总结——日期工具
- VirtualBox 释放虚拟磁盘文件的大小
- Linux 基础知识系列第二篇
- mediacodec延时_FFmpeg优化点播延时方案
- 获取Resources文件下图片的精灵格式
- Tuxera NTFS有什么优点可以让我们使用?
- Python推箱子小游戏源代码
- Colaboratory读取谷歌云盘(Google drive)中的数据(2020年3月28日更新)
- 【HarmonyOS HiSpark IPC DIY Camera试用连载2 】一天内极速完成从开箱编译烧写到跑通hello world
- word的图片和自选图形组合问题
- 2023年国家留学基金委(CSC)有关国别申请、派出注意事项
- 地狱飞龙(自适应辛普森积分)
- 【优选源码】每天免费领取名片赞至少1000!引流必备!
- 爬虫实战5:爬取全部穿越火线武器的图片以武器名称命名保存到本地文件
- ppt_旋转抽奖_制作步骤
- 搜索引擎的数据库设计
- 黎曼猜想证明了?Michael Atiyah的愚人节难道在9月吗……
- 网络设备配置--1、配置交换机enable、console、telnet密码