UITableView,CollectionView还是AutoLayout?

时间:2016-05-23 07:58:58

标签: ios swift uitableview uicollectionview

我上次使用Uber应用程序,他们的按钮组(Paypal,Price Estimate,促销代码)看起来很好 - Lyft具有相同的设计 - 我想知道如何才能在我的应用程序中获得相同的结果?

enter image description here

我已经尝试过布局了。我认为使用TableView或CollectionView可能有更快的解决方案吗?它看起来更像是一个TableView,但我不知道如何放置1个普通行,然后有一个带2个按钮的行......

enter image description here

在我的故事板中,我有上述内容。但我不能“粘贴”2个按钮到我的标签上,有一条引导线阻挡我在标签下面。

希望我已经足够清楚并提前抱歉“无代码帖”。

感谢您的帮助!

4 个答案:

答案 0 :(得分:3)

您应该使用UIStackView执行此操作。这需要iOS 9作为目标。如果您使用的是较低版本,则可以使用TZSTackView

答案 1 :(得分:0)

即使您使用tableView,也需要autoLayout。因此,请尝试解决autoLayout问题。

  1. 将按钮放在
  2. 旁边
  3. 提供以下约束
    1. 按钮1:
      1. 领导:superview
      2. top:label(设置合适的距离)
      3. 尾随:按钮2
      4. 的aspectRatio
    2. 按钮2:
      1. top:label(与按钮1的距离相同)
      2. 尾随:superview
      3. 的aspectRatio
  4. 同时选择两个按钮并设置equalWidths。现在Update Frames,你很高兴。

答案 2 :(得分:0)

只需将TableView与自定义tableview单元格一起使用,方法是将uilabel放在顶部,使用uibuttons,然后使用尺寸检查器>设置约束。自动调整 ..

答案 3 :(得分:0)

只需按照以下步骤操作即可。 使用tableview。

1 .take 2 views首先是你的顶级东西,第二个是按钮。

第一个视图上的

2 .add约束。      2.1 添加top,leading,trailing并为上下文视图提供相等的宽度,并将乘数更改为0.5;

3 。添加约束第二个视图的前导,尾随和底部以及顶部到第一个视图。

3.1 在第二个视图中添加按钮,并将前导,上限,下限和相等宽度设置为父视图,并将乘数更改为0.5。

3.2 添加第二个按钮,将第一个按钮的顶部,底部,尾部和水平间距设置为零。