嵌入堆栈视图时,滚动视图内容未填充

Posted

技术标签:

【中文标题】嵌入堆栈视图时,滚动视图内容未填充【英文标题】:ScrollView Content not filling when stack view is embedded in it 【发布时间】:2021-05-13 20:10:18 【问题描述】:

我在 scrollView 中嵌入了堆栈视图,并添加了上下左右约束。我也有固定的滚动视图高度。 StackView 内容未完全填充在 scrollView 内,因为它与左侧对齐。我在下面附上了相关的屏幕

在故事板中查看

在设备中查看

ScrollView IB 检查器

Account StackView IB 检查器

【问题讨论】:

【参考方案1】:

StackView 约束设置为 scrollView 的 content layout guide 而不是 ScrollView 本身,并设置 equal width 约束StackView 并为我解决了这个问题。下面附上步骤截图

    将顶部、前导和尾部约束附加到内容布局指南

    为堆栈视图和父滚动视图设置等宽约束

【讨论】:

以上是关于嵌入堆栈视图时,滚动视图内容未填充的主要内容,如果未能解决你的问题,请参考以下文章

启用自动布局时,在嵌入式 ScrollView 中未检测到滚动

无法在滚动视图中正确调整堆栈视图

如何以编程方式在滚动视图中嵌入堆栈视图

如何在设置了“等宽”的滚动视图中嵌入的堆栈视图中将标签文本设置为远离视图边缘?

视图设计问题:如何使滚动视图的子视图填充屏幕?

将视图添加到将拉伸以填充可用宽度的滚动视图