iOS autolayout练习2

简书上有个问题就在说说cell的自动布局

a.要求cell有一个背景图，根据屏幕宽度设置图片、cell高度
b.cell中还有一个头像，头像宽高根据cell的高度而改变

5s和6s

xcode7
iOS9模拟器

1.首先告诉cell要自动布局

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    self.tableView.estimatedRowHeight = 150.0;
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    
}

2.背景图片占满整个cell，所有上下左右约束为0

背景图片
3.点击背景图，按住control拖拽到Content View设置等宽
等宽.gif
4.设置高度，要求高度等比例（即宽度决定高度）我这里就设置1：1了。按住control，填写比例
等比例.gif
设置比例.png
5.现在运行已经完成a。
6.头像设置距离上和左约束
头像.png
7.头像宽和高 根据 cell的宽和高 比例调整
头像宽和高.gif
8.设置比例
我这里就设为cell的一半，你可以根据自己的需求设置
头像高和宽
宽和高1：1就是正方形
宽和高比例
9.最后更新一个frame完成b。
源码：https://github.com/icharlie2014/AutolayoutExample