Outlayout ios2開発会議20150528
?
0 likes?355 views
【朝活】iOS開発会議 in beez渋谷18回目 https://www.facebook.com/events/1834368783455801/ の資料を共有します。 AutoLayoutのアニメーションに関して共有してます。 【サンプルコード】 https://github.com/SatoTakeshiX/AutoLayoutSample/tree/master/3_CheckTableCellHight_Sample 【Facebookグループ】 https://www.facebook.com/groups/407821455988195/
![ラベルのpreferredMaxLayoutWidthを設定
-(void)layoutSubviews
{
[super layoutSubviews];
//ラベルの横幅をpreferredMaxLayoutWidthで設定する。(高さ計算で必要）
self.titleLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.titleLabel.bounds);
self.bodyLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.bodyLabel.bounds);
}
-(void)setDataSorce:(DataSorce *)dataSorce
{
self.titleLabel.text = dataSorce.title;
self.bodyLabel.text = dataSorce.body;
[self layoutIfNeeded];
//→layoutSubviewsが呼ばれる！
}
文字列を設定
preferredMaxLayoutWidth
→どんな幅で改行させるのかの値](https://image.slidesharecdn.com/outlayoutios220150528-150528005110-lva1-app6892/85/Outlayout-ios2-20150528-11-320.jpg)
![systemLayoutSizeFittingSizeメソッドで
AutoLayout後の高さを取得する
+(CGFloat)heightForRowWithTable:(UITableView *)tableView
dataSorce:(DataSorce *)dataSorce
{
CustamTableViewCell *cell;
cell = (CustamTableViewCell *)[tableView dequeueReusableCellWithIdentifier:@"custam"];
if (cell) {
cell.frame = CGRectMake(cell.frame.origin.x, cell.frame.origin.y
, CGRectGetWidth(tableView.bounds), cell.frame.size.height);
cell.dataSorce = dataSorce;
//Autolayoutが適用された後の高さサイズを取得する
CGSize size = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
return size.height;
}else{
return 0;
}
}](https://image.slidesharecdn.com/outlayoutios220150528-150528005110-lva1-app6892/85/Outlayout-ios2-20150528-12-320.jpg)
![さっきの制約をVFLで表すとこんな感じ
H:|-20-[redView]-20-|
H:|-20-[yellowView]-20-[blueView(==yellowView]-20-|
V:|-88-[redView]-20-[yellowView(==redView)]-20-|
V:|-88-[redView]-20-[blueView(==redView)]-20-|](https://image.slidesharecdn.com/outlayoutios220150528-150528005110-lva1-app6892/85/Outlayout-ios2-20150528-18-320.jpg)
Outlayout ios2開発会議20150528
- 3. AutoLayoutとは ? 異なる画面サイズでも1つのレイアウトでまとめることができる機能 ? iPhone5が登場したあたりからiPhoneのレイアウトを１つにまとめ る必要がでてきた。 ? さらにiPhone6,iPhone6 plusが出てきて、各端末サイズのレイアウ トを作る必要が出てきました。 ? AutoLayout大事になってきました。
- 11. ラベルのpreferredMaxLayoutWidthを設定 -(void)layoutSubviews { [super layoutSubviews]; //ラベルの横幅をpreferredMaxLayoutWidthで設定する。(高さ計算で必要） self.titleLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.titleLabel.bounds); self.bodyLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.bodyLabel.bounds); } -(void)setDataSorce:(DataSorce *)dataSorce { self.titleLabel.text = dataSorce.title; self.bodyLabel.text = dataSorce.body; [self layoutIfNeeded]; //→layoutSubviewsが呼ばれる！ } 文字列を設定 preferredMaxLayoutWidth →どんな幅で改行させるのかの値
- 12. systemLayoutSizeFittingSizeメソッドで AutoLayout後の高さを取得する +(CGFloat)heightForRowWithTable:(UITableView *)tableView dataSorce:(DataSorce *)dataSorce { CustamTableViewCell *cell; cell = (CustamTableViewCell *)[tableView dequeueReusableCellWithIdentifier:@"custam"]; if (cell) { cell.frame = CGRectMake(cell.frame.origin.x, cell.frame.origin.y , CGRectGetWidth(tableView.bounds), cell.frame.size.height); cell.dataSorce = dataSorce; //Autolayoutが適用された後の高さサイズを取得する CGSize size = [cell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize]; return size.height; }else{ return 0; } }
- 13. DEMO
- 17. 础耻迟辞尝补测辞耻迟?アニメーション contentView redView yellowView blueView 88 20 2020 20 20 2020 64 64 redViewとyellowViewとblueViewの高さは一緒 yellowViewとblueViewの幅は一緒
- 19. DEMO
- 25. AutoLayout?ラベルをトルツメ /* Labelのテキストがない場合にトルツメさせるメソッド */ - (IBAction)dissapearView:(UIBarButtonItem *)sender { self.secondLabel.text = nil; self.secontVertualConstraint.constant = 0.f; }
- 26. DEMO