我正在尝试使用自动布局为表格视图中的单元格创建布局。我将附上我要实现的屏幕截图。

ios - 自动布局等间距和加权间距-LMLPHP

主要规则是,底部的按钮必须是单元格的宽度。然后,左侧图像应紧紧靠左放置,但应位于整个视图顶部和底部按钮顶部之间的中间位置。然后,我需要左侧的4行位于视图顶部和按钮顶部之间。并且让他们像他们一样显示在列表中,并在行中带有小图像和文本标签。

我已经尝试了很多方法来使它起作用。我设法按要求将按钮保持在底部。但是,我正在努力使图像视图在左侧保留为正方形,然后在右侧保留4行以占据其余空间。

任何帮助,将不胜感激。

最佳答案

通过将imageView和行包装到单独的容器视图中,可以实现所需的功能(请参阅
Attachment

imageView的步骤:


ContainerView1限制在单元格视图的顶部和“签入”按钮的顶部
imageView垂直限制在ContainerView1的中心。还根据需要将imageView超前约束设置为ContainerView1超前


行步骤


将行包装到ContainerView2中。 ContainerView2限制在单元格视图的顶部和“签入”按钮的顶部。
将firstRow顶部约束到ContainerView2的顶部。随后的每一行都应受其上一行的底部约束。将lastRow底部约束到ContainerView2底部
对于除firstRow以外的所有行,拖动“等于高度”约束使其等于firstRow高度


就这些!

附言如果您的应用程序从iOS 9.0开始运行,则可以使用UIStackView而不是在单元格中手动设置约束

关于ios - 自动布局等间距和加权间距,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47618485/

10-12 15:32