浅谈iOS(6.0/7.0/8.0/9.0/10.0)UITab
iOS6.0
做iOS开发久点的都知道iOS6时代,自定义控件,大多是xib文件来实现的,而且是通过计算frame确定subView的布局的,那个年代的人如果用纯手码的话,一般也是通过创建一个frameModel专门为subViews计算布局的.自己我就不详解了,毕竟现在大多数应用都支持iOS7+/iOS8+.
或者通过AutoResizing技术,同样在xib文件中,可以直接通过AutoResizing技术,确定subView与supView间的位置关系,可让subView随着supView的变化而变化(比如subView固定在supView的某个角落),但是,缺陷就是,不能确定subview与subview间'兄弟控件'的关系.
iOS7.0
iOS7的到来给苹果UI界面带来了扁平化风格,而针对开发者而言, AutoLayout被引入开发,它不但能够确定subView与supView间的关系,可能确定subview与subview间'兄弟控件'的关系.在storyboard/xib可以之间添加约束,但如果用纯手码的话,有点太繁琐了,同时iOS7.0时代的AutoLayout有诸多不足.再加上国内iOS开发起步较晚, AutoLayout技术并没有得到普及,应用.
iOS8.0
iOS8+时代,随着AutoLayout技术不断完善,开发者对AutoLayout的关注越来越重视,应用越来越广.
下面简介布局不同高度UITableViewCell的不同.
注意:AutoLayout中,UILabel尽量设置preferredMaxLayoutWidth属性(显示实际宽度)
UIButton对象的布局一定要全面.
iOS7 --- iOS8适用:自动布局不同高度cell
iOS8时代,要么cell高度固定,在tableView创建时/代理直接设置rowHeight=固定值就可以了.但是对于不同高的cell而言,我们就要想办法计算出cell的实际高度,告诉UITableView,下面简介自己的小思路...
-
xib/storyboard/纯代码 构建 MeTypeCell时,subView的与Cell.contentView的底部要无关系,因为我们要获取最下端subView的MAXY,来确定cell的高度. tableView.estimatedRowHeight = 200.f;//只是减少heightForRowAtIndexPath:的调用次数.使heightForRow在cellForRow之后调用,对计算cell实际高度没有任何意义.
-
iOS8时代,不同高度cell,可通过heightForRow方法里计算出来,作为返回值,告知UITableView即可,那怎么根据数据计算呢??
首先:我们要考虑让heightForRow调用之前,cell先显示一下且获取到cell对应数据,因为只有这样cell才会根据数据进行布局子控件,我们才能获取到最下端subview的MaxY,那怎么办呢,就是获取一个假的cell,通过cell内部布局告诉我针对indexPath位置的数据,产生的最下端subview的MaxY.怎么做呢?? 见代码.......
#import "MyTypeTableView.m"
MyTypeCell *cell;
#pragma mark - 代理方法
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 创建一个临时的cell(目的:传递indexPath对应这行的模型,布局内部所有的子控件,得到cell的高度)
if (cell == nil) {
cell = [tableView dequeueReusableCellWithIdentifier:ID];
}
// 传递模型数据
cell.statusModel = self.statuses[indexPath.row];
//调用cell的方法,获取到cell高度,返回...
return cell.cellHeight;
}
//----------------------------------------------
#import "MyTypeCell.m"
//cell提供一个计算cellHeight的方法/属性都可.....
- (CGFloat)cellHeight
{
// 强制刷新(label根据约束自动计算它的宽度和高度)
[self layoutIfNeeded];
CGFloat cellHeight = 0;
//获取最下端MaxY
cellHeight = CGRectGetMaxY(self.bottomView.frame) + 20;// 20:bottomView到cell底边的间距..
return cellHeight;
}
iOS9.0自动布局不同高度cell..
1.xib/storyboard/纯代码 构建 MeTypeCell时,一定会让subView的与Cell.contentView的底部产生关系(就是说,subView的底部布局,与cell底边产生关系).
2.创建UITableView时,设置两个必要属性,必须一起设定,这是cell总高度才会随子控件的变化而变化.
tableView.estimatedRowHeight = 100.f;//iOS7+,估算高度,用途让heightForRow在cellForRow之后调用,减少,UITableView开始被加载到内存时,调用heightForRow的次数,优化内存
tableView.rowHeight = UITableViewAutomaticDimension;// 告诉tableView所有cell的真实高度是自动计算的(根据设置的约束)
