??? 現(xiàn)在似乎很多公司已經(jīng)開始接受和使用Storyboard(簡稱SB),關(guān)于其中AutoLayout,開始學(xué)習(xí)的時(shí)候確實(shí)有很多不了解,經(jīng)過自己的惡補(bǔ),勉勉強(qiáng)強(qiáng)也算是精通了.
? ? 關(guān)于一些基礎(chǔ)的AutoLayout的知識(shí)就不再贅述了,這里記錄一下自己測(cè)試Demo時(shí)候需要注意到的技術(shù)點(diǎn):那就是UITableViewCell的AutoLayout,傳說中的自適應(yīng).
??? 關(guān)于自適應(yīng),其實(shí)還是有多種方法可以達(dá)到的.例如計(jì)算image或label的高度,以及寬高比例,返回回去.
-(void)requestDataForReloadWithUrl:(NSString * )url Block:(SetImage)block
{
NSMutableArray * arraydata = [NSMutableArray arrayWithCapacity:10];
dispatch_async(dispatch_get_global_queue(0, 0), ^{
NSURL *url_Url = [NSURL URLWithString:url];
NSURLSession *session = [NSURLSession sharedSession];
NSMutableURLRequest *requset = [NSMutableURLRequest requestWithURL:url_Url];
NSURLSessionDataTask *task =[session dataTaskWithRequest:requset completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {
if (data != nil) {
NSDictionary * dic = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingAllowFragments error:nil];
NSArray * array = dic[@"body"][@"slides"];
for (NSDictionary * dic in array) {
CellHeightModel * model = [[CellHeightModel alloc]init];
// 存儲(chǔ)圖片路徑
model.image = dic[@"image"];
// 等比縮放之后的高度
/**
*? 根據(jù)屏幕的寬高比例去計(jì)算寬高比例 求出等比縮放之后的高度
X : 屏幕寬度 = 圖片高度 : 圖片寬度
X 縮放之后的高度
*/
CGFloat imageWidth = [dic[@"width"] floatValue];
CGFloat imageHeight = [dic[@"height"] floatValue];
CGFloat height = [UIScreen mainScreen].bounds.size.width * imageHeight / imageWidth;
model.height = height;
// 文本
model.kDescription = dic[@"description"];
// 文本高度
CGRect rect = [self getStringCGrectFromString:dic[@"description"]];
CGFloat textHeight = rect.size.height;
model.kDescriptionHeight = textHeight;
// cell單元格高度
model.cellHeight = model.height + model.kDescriptionHeight;
[arraydata addObject:model];
}
}
dispatch_async(dispatch_get_main_queue(), ^{
//在主線程中進(jìn)行block結(jié)果回調(diào)
if (block) {
block(arraydata);
}
});
}];
[task resume];
});
}
-(CGRect)getStringCGrectFromString:(NSString *)str
{
/**
*? （主要是將被iOS7 Deprecated的sizeWithFont:constrainedToSize:lineBreakMode:方法改成了boudingRectWithSize:options:attributes:context:方法來計(jì)算文本尺寸）
*
*? @param mainScreen.bounds.size.width? 屏幕寬度
*? @param 10000.0f? ? ? ? ? ? ? ? ? ? ? 最大高度
*
*? @return 當(dāng)前文本的矩形
*/
CGRect? rect = [str boundingRectWithSize:CGSizeMake([UIScreen mainScreen].bounds.size.width, 10000.0f) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObject:[UIFont systemFontOfSize:17.5] forKey:NSFontAttributeName] context:nil];
return rect;
}
在cell.m文件中
-(void)setCellmodel:(CellHeightModel *)cellmodel
{
// 獲取當(dāng)前 cellHeightImg 的所有約束條件
//? ? NSArray* constrains = self.cellHeightImg.constraints;
//? ? // 遍歷當(dāng)前 cellHeightImg 的所有約束條件
//? ? for (NSLayoutConstraint* constraint in constrains) {
//? ? ? ? // 判斷約束條件是否等于 高的約束條件
//? ? ? ? if (constraint.firstAttribute == NSLayoutAttributeHeight) {
//? ? ? ? ? ? // 修改約束條件中的高
//? ? ? ? ? ? constraint.constant = cellmodel.imageNameHeight;
//? ? ? ? }
//? ? }
/**
*? 其中的firstItem與secondItem分別是界面中受約束的視圖與被參照的視圖谈截。他們不一定非得是兄弟關(guān)系或者父子關(guān)系，只要是他們有著共同的祖先視圖即可蓖谢，這一點(diǎn)是autoresizingMask無法做到的迅矛。
*** 在 UIView 中有一個(gè)autoresizingMask的屬性扮念，它對(duì)應(yīng)的是一個(gè)枚舉的值（如下）迁客，屬性的意思就是自動(dòng)調(diào)整子控件與父控件中間的位置交播，寬高
firstAttribute與secondAttribute分別是firstItem與secondItem的某個(gè)布局屬性（NSLayoutAttribute）：
*/
self.imgOfCellHeight.constant = cellmodel.height;
[self.cellHeightImg sd_setImageWithURL:[NSURL URLWithString:cellmodel.image]];
[self.cellHeightTextLable setText:cellmodel.kDescription];
}
最后在controller中調(diào)用
#pragma mark - 設(shè)置高度
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
// 從模型中取出當(dāng)前cell的高度
CellHeightModel * cellModel = self.arrayData[indexPath.row];
return cellModel.cellHeight;
}
需要注意的是這個(gè)Demo是需要通過操作xib文件,拖動(dòng)約束實(shí)現(xiàn)的
??? 為什么要畫出三條線呢,下面要說到的就是第二種方法了,代碼量根本不是一個(gè)級(jí)別的,同時(shí)也點(diǎn)到了圖片裁剪
??? 例如此圖,需求為圖片等比例縮放,下面的新聞描述自適應(yīng)高度.
??? 我們完全可以通過操作xib,再加上那么幾個(gè)小小的方法完成.
???
??? 將imageView的約束條件設(shè)置為 上 0,左右 0,下 10; ?
label的約束條件則為左右 0,下10
//從model獲取數(shù)據(jù)
-(void)loadDataWithModel:(CellModel *)model
{
UIImage *temp = model.img;
if (model.img.size.width > [UIScreen mainScreen].bounds.size.width) {
float scale = model.img.size.width / [UIScreen mainScreen].bounds.size.width;
float height = model.img.size.height/scale;
CGSize size = CGSizeMake([UIScreen mainScreen].bounds.size.width, height);
temp = [self imageWithImageSimple:model.img scaledToSize:size];
}
self.img.image = temp;
self.img.contentMode = UIViewContentModeScaleAspectFit;
self.detailLabel.text = model.descrip;
}
重點(diǎn)就是這兩個(gè)方法
#pragma mark - 裁剪圖片
- ( UIImage *)imageWithImageSimple:( UIImage *)image scaledToSize:( CGSize )newSize
{
// Create a graphics image context
UIGraphicsBeginImageContext (newSize);
// Tell the old image to draw in this new context, with the desired
// new size
[image drawInRect : CGRectMake ( 0 , 0 ,newSize. width ,newSize. height )];
// Get the new image from the context
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext ();
// End the context
UIGraphicsEndImageContext ();
// Return the new image.
return newImage;
}
然后再控制器調(diào)用此方法就OK了!
self.tableView.estimatedRowHeight = 44;
self.tableView.rowHeight = UITableViewAutomaticDimension;
