iOS 开发自动布局

自动布局,在开发中是很常用的,是一个很常用的知识点,所以这里我想谈谈自动布局。既是对初学者的一种分享,更多是对自己知识的一种梳理。也希望看到的朋友对相关的不足予以指正,或更好的办法予已告知。

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宽高相等,自适应与屏宽,就需要先将其宽、高均等于自身宽高,在将高度参数里的等高换成宽度。

你可能感兴趣的:(iOS 开发自动布局)