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