【问题标题】:Grid of 10 cells (2 rows, 5 columns) within a single UITableView in the StoryboardStoryboard 中单个 UITableView 中的 10 个单元格(2 行 5 列)的网格
【发布时间】:2016-03-28 05:52:41
【问题描述】:

我的 Storyboard 中有一个 UITableView。

我想要一个包含 10 个单元格(2 行 5 列)网格的单元格,其标签均匀分布,并且可以在不同的设备上很好地扩展。

我目前有:

(UITableViewCell)
    Content View
    |   Stack View (Vertical)
    |   |   Stack View (Horizontal)
    |   |   |    Label 0
    |   |   |    Label 1
    |   |   |    Label 2
    |   |   |    Label 3
    |   |   |    Label 4
    |   |   Stack View (Horizontal)
    |   |   |    Label 5
    |   |   |    Label 6
    |   |   |    Label 7
    |   |   |    Label 8
    |   |   |    Label 9

我在外部堆栈视图(垂直)上设置了约束,使其与 4 个边缘的距离为 0

不幸的是,故事板中的渲染是这样的:

(因为我忘了加标签,所以第二行只出现了4个标签)

...不是均匀分布的。

我需要采取哪些步骤才能使其呈现我想要的效果?我做得对吗?我应该改用嵌套的CollectionView 吗?

更新

感谢大家的Distribution: Fill Equally 设置。它现在可以在 Storyboard 中正确呈现。

但是在我的 iPod Touch 上它看起来像这样:

怎么了?

【问题讨论】:

  • 你只是想让水平堆栈视图将标签均匀地隔开吗?
  • 使用集合视图会更安全、更方便。

标签: ios swift uistoryboard xcode-storyboard


【解决方案1】:

我认为您只需将水平堆栈视图的distribution property 设置为.FillEqually

【讨论】:

  • 谢谢 - 我用一个新问题更新了我的问题。
  • 如果您更改了 tableview 的背景颜色,看起来 table view 是否也被压扁了,还是只是 stackview?
  • UITableView 很好,StackView 被压扁了——即使我设置了零约束。
  • 嗯我不知道可能出了什么问题,但我最好的猜测是因为自动布局,也许尝试一些不同的分布属性,看看它们是否有任何不同
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-06
  • 2015-03-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多