自动布局,在开发中是很常用的,是一个很常用的知识点,所以这里我想谈谈自动布局。既是对初学者的一种分享,更多是对自己知识的一种梳理。也希望看到的朋友对相关的不足予以指正,或更好的办法予已告知。
1、为什么要自动布局?
随着时代的发展,苹果手机型号也每年都在更新,屏幕的大小也出了好几款规格。为了适配各种屏幕的大小,便利开发,集成了自动布局。
2、常用的自动布局方法
1、全代码开发常借助第三方Masonry,使用也是比较方便的
链接:https://github.com/SnapKit/Masonry#prepare-to-meet-your-maker
2.使用X-Code的自动布局,这个网上相关的使用方法很多,使用起来也简单方便。但是得根据公司需求,纯代码开发真的只能绕道而行了。
技巧总结:自动布局考虑先左、上约束,到边了在添加右下。这样布局起来比较有序。
推荐学习参考链接:http://www.cocoachina.com/industry/20131203/7462.html
3、tableViewCell的自动布局常困扰在其cell高度上
在项目中cell的使用率很高,当然它的自动布局也必须搞明白。对于cell内部的元素布局,可以采用上面说的两种方式。而对于cell行高上面的方法就无计可施了。
在iOS8后,对于cell的自动布局要比之前简单许多。
//ios 8 后采用下面方法直接可以自适应高度;
//设置cell 的预估高度
self.leftTableView.estimatedRowHeight = 60;
//自动调整高度
self.leftTableView.rowHeight = UITableViewAutomaticDimension;
ios8之前就需要对其cell的高度进行计算,然后再通过其代理方法对其cell高度做调整。这里只对cell上添加Lable进行举例说明。
//为兼容iOS7 的版本,cell的高度需要计算添加
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
CGFloat version = [[[UIDevice currentDevice] systemVersion] floatValue];
if (version > 8.0) {
return UITableViewAutomaticDimension;
}
//高度自适应 !!!!!!!!!!!!******************lable 不自动换行
if (tableView.tag == 100) {
if (indexPath.section == 0) {
NSDictionary *dict = self.titleArr[indexPath.row];
NSString *titleStr = dict.allKeys[0];
NSString *str = [NSString stringWithFormat:@"%@", self.dataDict[dict[titleStr]]];
CGFloat maxDetailWidth = self.view.frame.size.width - 130;
UIFont *font = [UIFont systemFontOfSize:17.0];
CGFloat nMainHeight = [self getHeight:str maxWidth:maxDetailWidth font:font];
return nMainHeight + 20;
} else if (indexPath.section == 3) {
return 80;
}else {
return 44;
}
}else{
if (indexPath.section == 0) {
return 72;
}else if (indexPath.section == 1){
NSDictionary *dict = self.suggestDataArr1[indexPath.row];
NSString *str = dict[@"FromIdea"];
CGFloat maxDetailWidth = self.view.frame.size.width - 135;
UIFont *font = [UIFont systemFontOfSize:17.0];
CGFloat nMainHeight = [self getHeight:str maxWidth:maxDetailWidth font:font];
return nMainHeight == 0 ? 153:nMainHeight + 135;
}else{
NSDictionary *dict = self.suggestDataArr2[indexPath.row];
NSString *str = dict[@"FromIdea"];
CGFloat maxDetailWidth = self.view.frame.size.width - 113;
UIFont *font = [UIFont systemFontOfSize:17.0];
CGFloat nMainHeight = [self getHeight:str maxWidth:maxDetailWidth font:font];
return nMainHeight == 0 ? 128:nMainHeight + 108;
}}}
// 获取字符串所占空间的高度
- (CGFloat)getHeight:(NSString *)str maxWidth:(CGFloat)maxWidth font:(UIFont *)font
{
CGSize size = [str sizeWithFont:font constrainedToSize:CGSizeMake(maxWidth, 1000) lineBreakMode:UILineBreakModeWordWrap];
CGFloat nHeight = size.height + 2; // 10即消息上下的空间,可自由调整
return nHeight;
}
当然这些都是自动布局的基础内容,还有些特殊的照顾不到。
比如我再view上添加一个子view,需要子view宽高相等,自适应与屏宽,就需要先将其宽、高均等于自身宽高,在将高度参数里的等高换成宽度。