项目中最经常使用的一个UI就是UITableView了。iOS7、8进一步优化了复用机制,用起来相当爽。配合Autolayout,适配工作减轻了非常多。

曾经做适配工作都是在heightForRow里边先计算出来Cell的高度。然后再CellForRow写适配代码。工作量尽管不是非常大,可是非常繁琐。

相对于这样的写法,假设减去计算height这步,工作量自然降低非常多。首先给出一种我媳妇给提供的方法,这是她做聊天UI时因为过度计算而怒创的方法,当时我看到就震惊了,之后我就一直用这种方法

f=watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR3Jvd2luZ0dpYW50/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center.jpg" alt="">

使用这中方法就可以省反复计算frame的操作,计算一次布局就可以。

如今IOS7、8都出来这么久了,autolayout也炒的非常热。如今看了下确实方便了非常多。比我在iOS6方便多了。

前两天看了下autolayout,如今结合tableviewcell试试效果。看了几个demo,发现iOS7跟iOS8不一样,iOS8更加简单。

第一、iOS7 tableviewcell + autolayout

使用storyboard简单创建一个project。并加入例如以下约束(不熟悉约束加入方法的可參考我之前的博客autolayout)

关联project文件,Cell连线,复用标识符等(不熟悉。可參考我之前的博客):

f=watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR3Jvd2luZ0dpYW50/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center.jpg" alt="">

重头戏来了,代码中改怎样改动:

cellForRow依旧是我们之前的写法,赋值:

<span style="color:#993399;">- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
TestCell *cell = [tableView dequeueReusableCellWithIdentifier:@"testCell" forIndexPath:indexPath];
NSLog(@"cell create...");
if (!cell) {
NSLog(@"cell is nil!");
}
cell.ts_label.text = self.data[indexPath.row]; return cell;
}</span>

重点在于计算height,改动方法例如以下:

<span style="color:#993399;">- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
TestCell* cell = [tableView dequeueReusableCellWithIdentifier:@"testCell"]; cell.ts_label.text = self.data[indexPath.row];
CGSize size = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
NSLog(@"size = %@ %lf",NSStringFromCGSize(size), cell.ts_label.preferredMaxLayoutWidth
); return size.height + 1;
}
</span>

&#8;&#8;有三点须要注意:

第一点:不要在heightForRow使用

- (id)dequeueReusableCellWithIdentifier:(NSString *)identifier forIndexPath:(NSIndexPath *)indexPath

你会发现进入了死循环。heightForRow->cellforRow->hei...Row

第二点:使用systemLayoutSizeFittingSize,他会依据约束条件算出来新的size,(所以约束条件一定要准确,非常多BUG都是由于约束有问题)

它有两种參数:

UIKIT_EXTERN const CGSize UILayoutFittingCompressedSize NS_AVAILABLE_IOS(6_0);//紧凑,大小适中的最小尺寸

UIKIT_EXTERN const CGSize UILayoutFittingExpandedSize NS_AVAILABLE_IOS(6_0);//宽松

第三点:新的size计算的是contentview的size,Cell.size.height = content view.size.height+1,记得加上一个切割线的高度。

好的到这里看看执行效果:

咋一看感觉效果实现了,细致观察发现label的高度算的不正确。第三行label不仅仅有三行,所以这个size算的不准。

经过研究发现,这个时候须要给label一个宽度值,这样才干算出来所须要的高度。

能够设置label的这个属性来固定宽度。

// Support for constraint-based layout (auto layout)

// If nonzero, this is used when determining -intrinsicContentSize for multiline labels

@property(nonatomic) CGFloat preferredMaxLayoutWidth NS_AVAILABLE_IOS(6_0);

我们改动heightForRow的方法:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
TestCell* cell = [tableView dequeueReusableCellWithIdentifier:@"testCell"];
cell.ts_label.preferredMaxLayoutWidth = 260;
cell.ts_label.text = self.data[indexPath.row];
CGSize size = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
NSLog(@"size = %@ %lf",NSStringFromCGSize(size), cell.ts_label.preferredMaxLayoutWidth
); return size.height + 1;
}

跑起来看看效果:

f=watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR3Jvd2luZ0dpYW50/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center.jpg" alt="">

这才像个样子,哇哈哈。

这个属性也能够在storyboard中设置:

第二、iOS8 tableviewcell + autolayout

iOS7的方法已经简单非常多了,只是iOS8更加简单:iOS8仅仅须要两行代码加上约束就可以完毕适配!

有木有非常夸张!!

看方法:

<span style="color:#993399;">- (void)viewDidLoad {
</span><span style="color:#663366;"> [super viewDidLoad]; self.data = @[@"hahahahahahahahahahahaha",@"gagagaga",@"lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala",@"wawawawawawawawawawawawawawawawawawawawa",@"papapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapapa",@""];
self.tableView.estimatedRowHeight = 120;
self.tableView.rowHeight = UITableViewAutomaticDimension; }</span>
<span style="color:#663366;">- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
TestCell *cell = [tableView dequeueReusableCellWithIdentifier:@"testCell" forIndexPath:indexPath];
NSLog(@"cell create...");
if (!cell) {
NSLog(@"cell is nil!");
}
cell.ts_label.text = self.data[indexPath.row]; return cell;
}</span>

看到没有,iOS8设置都不须要heightForRow了。仅仅须要设置下预估高度

<span style="color:#663366;">estimatedRowHeight</span>
<span style="color:#663366;"></span><pre name="code" class="objc"><span style="color:#663366;">rowHeight = UITableViewAutomaticDimension</span>

iOS7优化了tableview,获取Cell高度不再是一次性所有载入heightForRow。然后再生成Cell。而是先调用:

- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath

等Cell真正要呈现的时候在调用heightForRow。

真实的效果呢

高端大气上档次啊,哇哈哈。

看看其它机型

哈哈,就是这么简单,Cell就是配好了!

!!

总结一下:iOS7须要注意preferredMaxLayoutWidth的设置,iOS8须要设置estimatedRowHeight、rowHeight = UITableViewAutomaticDimension。更加注意的是约束的准确!

!。

UITableViewcell autolayout下动态高度的更多相关文章

  1. iOS开发——使用Autolayout生成动态高度的TableViewCell单元格

    步骤一.TableViewCell中使用Autolayout 要点:Cell的高度必须在Constraints中指明,但不能定死,需要让内部由内容决定高度的View决定动态高度. 如UILabel设置 ...

  2. iOS开发——Autolayout下动态调整单元格高度

    情景描述: 有时候我们希望更新某一个单元格的数据,通常的做法是使用reloadData方法更新整个单元格.但是对一些情况是不适用的或者说实现起来比较麻烦.比如说这种简单的"点开"一 ...

  3. AutoLayout深入浅出五[UITableView动态高度]

    本文转载至 http://grayluo.github.io//WeiFocusIo/autolayout/2015/02/01/autolayout5/ 我们经常会遇到UITableViewCell ...

  4. 使用Autolayout xib实现动态高度的TableViewCell

    http://my.oschina.net/u/2360693/blog/481236?p={{totalPage}} 创建Xib文件 首先将Cell做好布局,调整到满意的位置和宽度,然后开始做Aut ...

  5. AutoLayout处理UITableView动态高度

    我们经常会遇到UITableViewCell的高度要跟随内容而调整,在未引入AutoLayout之前,我们使用以下方法计算Label高度,然后heightForRowAtIndexPath中返回计算的 ...

  6. 实现一个在autolayout下有宽度约束后,自动确定高度的view

    我曾经遇到过一个问题:需要实现一个自定义的label(类似于UILabel),同时需要兼顾UILabel的大小自适应的特性.这个label通常宽度是固定的,通过autolayout指定其宽度约束,但不 ...

  7. swift 版本 UItableViewCell的动态高度补足

    用swift的朋友们很多都是从ios8开发了, 其中针对table cell高度自动计算的 UITableViewAutomaticDimension 异常好用,但好像只对uilabel对象有效    ...

  8. soui中,列表控件动态高度的使用注意

    1.listview的模板template中,需要增加defHeight属性,即默认高度,同时,不能出现itemHeight属性,否则动态高度会失效 2.数据适配器中,重写getViewDesired ...

  9. AIX 环境下动态路由

    IBM AIX v5.3操作系统环境下动态路由配置如下: 1,用命令lssrc -S routed和lssrc -S gated分别检查routed和gated子系统是是活动状态.如果这两个子系统为活 ...

随机推荐

  1. VMWare-NAT模式实现局域网其他主机对虚拟机访问

    WIN 2012在桥接模式下可以实现主机及主机所在局域网内其他主机对虚拟机的访问,但是在NAT模式下主机可以对虚拟机访问,但是主机所在的局域网内其他主机却无法对虚拟机访问,必须进行主机转发,从而实现局 ...

  2. 1494. Monobilliards(栈)

    1494 之前记得数据结构试卷上有这种题 就是判断某一出栈顺序 是不是满足以1.2...n为入栈顺序 a1,a2,a3..an; 对于任意相邻a[i],a[i+1] 如果a[i]>a[i+1]+ ...

  3. POJ 1815 Friendship ★(字典序最小点割集)

    [题意]给出一个无向图,和图中的两个点s,t.求至少去掉几个点后才能使得s和t不连通,输出这样的点集并使其字典序最大. 不错的题,有助于更好的理解最小割和求解最小割的方法~ [思路] 问题模型很简单, ...

  4. ZOJ 2676 Network Wars ★(最小割算法介绍 && 01分数规划)

    [题意]给出一个带权无向图,求割集,且割集的平均边权最小. [分析] 先尝试着用更一般的形式重新叙述本问题.设向量w表示边的权值,令向量c=(1, 1, 1, --, 1)表示选边的代价,于是原问题等 ...

  5. JQuery: 微博演示

    演示图: 完成图: 微博演示代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> ...

  6. (转载)HTML与XHTML有什么区别

    转自:http://zhidao.baidu.com/link?url=8wvu7Jbzr-wjeKdWCwWkIiJNSpO3HHLERkgQu1QzuLOPT0zvzkHn9HbAFEjPdchP ...

  7. 理解public,protected 以及 private

    经常看到在类中看到public,protected,private以及它们在继承中表示的一些访问范围,很容易搞糊涂.我们首先要明白下面几点. 1.类的一个特征就是封装,public和private作用 ...

  8. HTTP DNS小结

    https://www.dnspod.cn/httpdns/guide HttpDNS是使用HTTP协议向DNS服务器的80端口进行请求,代替传统的DNS协议向DNS服务器的53端口进行请求,绕开了运 ...

  9. Flash AIR14导出ipa到Mac上的iOS模拟器测试

    没错!你没看错!俺这篇博客就是关于Flash AIR的! ----------------无聊的分割线------------------ 朋友最近学习Flash AIR for iOS开发,想找我帮 ...

  10. 【原】Redis-LRU缓存

    Redis高级篇 Redis-LRU缓存 将Redis作为缓存使用时,有时添加新数据时,旧数据是很难被清空的. LRU(Least Recently Used) 近期最少使用算法是常用算法之一. 最大 ...