使用Autolayout约束的简单行布局

Question

我有一个简单的布局，我知道如何使用水平堆栈视图。但是对于学习purpouses，我想知道是否可以使用AutoLayout约束进行编码。

布局很简单，它是一个包含图像和标签的矩形行。 问题是标签可能有多行并且比图标大。

理想的布局是图像和标签必须以Y轴为中心，较大的高度在顶部/底部有8个边距。

Answer 1

您应该为图像和标签赋予顶部和底部的边距约束。使用更大或相等作为这些边际约束的关系。

Answer 2

首先在viewDidLoad中写这个

self.tableView.rowHeight = UITableViewAutomaticDimension;
self.tableView.estimatedRowHeight = 44.0;

在numberOfLine

中将0属性设为StoryBoard

设置UIImageView Constrains，如：

修复了容器中的Height和Width以及垂直Center。

将UILable Constrains从HorozontalSpacing UIImageView Trailing Top Bottom设置为SuperView，即GenericRelation(ABMapping)。

希望它能奏效......

Answer 3

为图像和标签赋予顶部和底部边距约束。使用大于或等于的关系设置高优先级。