Swift,Tableview 约束行为不正常 - Xcode 9

Posted

技术标签:

【中文标题】Swift,Tableview 约束行为不正常 - Xcode 9【英文标题】:Swift, Tableview Constraints Not Behaving Normally - Xcode 9 【发布时间】:2017-11-02 22:12:54 【问题描述】:

我有一个简单的待办事项列表应用程序,并希望为情节提要中的每个自定义表格视图单元格设置约束。

我在左侧有一个图像视图,中间是主标签,右侧是时间。

在这张图片中,标签和文本视图应该是这样排列的

但是,当我添加看起来正确的约束时,实际的应用程序看起来像这样:

我不确定发生了什么,如果有人能告诉我要添加哪些约束,那将不胜感激。我还将调整单元格大小以适应更多内容

谢谢:)

【问题讨论】:

请缩小这些图像。 查看约束的屏幕截图以了解您在哪里出错会很有帮助。 【参考方案1】:

最简单的方法是将所有元素放入水平UIStackView。看看下图中的ThirdCell

这是本解决方案的三个关键点。

将恒定宽度设置为左侧UIView。如果您使用UIImage,则可能没有必要。 将右侧UILabel的横向内容拥抱优先级设置为必需(1000)。 将UILabel中间的行数设置为0。

【讨论】:

【参考方案2】:

样本结果

布局 您希望单元格包含图像 -> 标签 -> 标签

所以:

1.图像约束左对齐(左:0,上:0,下:0,宽度:5) 2。右标签约束右对齐(右:8,上:0,下:0,宽度:50) 和标签文本居中和右对齐。 3。中间标签占用剩余空间。

【讨论】:

【参考方案3】:

查看您的视图层次结构并了解您在哪里做错了。你应该运行项目并按下它(红色箭头)https://tppr.me/v2ODz

如果您现在了解其他典型的问题,您将能够自己解决

【讨论】:

以上是关于Swift,Tableview 约束行为不正常 - Xcode 9的主要内容,如果未能解决你的问题,请参考以下文章

Swift 2.0 - UISearchBar 取消按钮不删除 searchBar 内容

swift 3.0 转换添加到视图字典时不明确使用 tableView

ios Swift tableView 以编程方式用于标签和图像的动态单元格约束

奇怪的行为设置 tableView 行高和 scrollPosition Swift

使用swift iOS8通过代码将约束设置到Storyboard中的元素

带有约束的嵌套集合视图的意外行为(Swift 4)