ios - 带有 StackView 的 ScrollView 和固定的页脚在外面

Question

Xcode 10、Swift 5(这应该完全可以在 Storyboard 中实现)

当前布局:

- ChildView (child View of very first default view)
    - ButtonView
        - ScrollView
            - VerticalStackView
                - Button
                - Button
                - ...
    - FooterView
         - HorizontalStackView
            - Button A
            - Button B

我需要什么约束才能始终将页脚 View 保持在底部并使 UIStackView 滚动到它后面，同时仍然为 UIStackView 中的每个按钮保持固定高度>?

Answer 1

这个设置似乎引来了多个问题，从里面的按钮不可点击(或不能与之交互的 UITextField)，到 UIScrollView 不能被点击可滚动或“内容大小歧义”错误(描述 here)- 只是因为没有正确设置单个约束。

结果:

如果可以同时显示的按钮较少，则它将不可滚动，而是仅在最后一个按钮下方显示黑色背景。

如何到达那里:

使用预览窗口下方的“添加新约束”按钮设置约束。

subview :

• 尾随/前导/底部:0 到 super View
• 等高:到安全区域:
  • 按住 Control 从 ChildView 拖动到安全区域并选择“等高”

1。页脚 View :

• 尾随/前导/底部:0 到 super View
• 高度:等于 50
• 顶部到 ButtonView:
  • 按住 Control 从 FooterView 拖动到 ButtonView
  • 选择“顶部”
  • 单击新约束以在检查器中将其打开(FooterView.Top 等于 ButtonView.Bottom)

2。按钮 View :

• 尾随/前导/顶部:0 到 super View
• 底部到 FooterView(上面已经解释过)

2.1。 ScrollView(黑色):

• 尾随/领先/底部/顶部:0 到 Superview
• Bottom/Top 约束防止 ScrollView“溢出”

2.1.1。 VerticalStackView:

• 对齐/分布:填充
• 尾随/领先/底部/顶部:0 到 Superview
• 与 ButtonView 等宽:
  • 按住 Control 从 VerticalStackView 拖动到 ButtonView 并选择“等宽”
  • 这会禁用 ScrollView 的水平滚动条

2.1.1.1。按钮(灰色):

• 高度:50
• VerticalStackView 负责剩下的事情

当然，您也可以用 View 替换“UIScrollView”中的按钮来创建某种类型的表单。