UICollectionViewCell sizeForRowAtIndexPath和两个视图并排

时间:2017-02-13 05:11:33

标签: ios autolayout uicollectionviewcell

我正在尝试完成Imgur应用程序在其视图中的一个UICollectionViewCells中所做的事情。见下文:

enter image description here

我想要1个UICollectionViewCell,而不是单元格中的3个视图部分,我只想要两个(评论和帖子)。

对于我的UICollectionView我在运行时调整单元格大小以使其几乎适合整个屏幕减去一点缘缘,因为我想制作像Imgur一样的卡片视图。

我按照此stackoverflow帖子并排获得2个视图:iOS Autolayout: two buttons of equal width, side by side

我可以并排获得2个相等宽度的视图。这是故事板中的样子:

enter image description here  但是当我运行应用程序时,由于自动调整,我的视图会被拉长。见下文:

enter image description here

如何让视图宽度相等并且在视图之前和之后具有相等的间距?

1 个答案:

答案 0 :(得分:1)

您可以使用 UIStackView 。它提供了一种水平或垂直布局一系列视图的简便方法。

选择两个视图,然后单击故事板画布右下角的“自动布局”工具栏中的新“堆栈”按钮:

enter image description here

从顶部,左侧,右侧和底部为堆栈视图提供约束。然后像这样制作堆栈视图的属性检查器

enter image description here

NB。如果您想了解有关Stack View的更多信息,请阅读Ray Wenderlich中的这个精彩教程:https://www.raywenderlich.com/114552/uistackview-tutorial-introducing-stack-views

相信我,一旦你学会了Stack View,大多数与Autolayout相关的复杂性将变得微不足道