将滚动视图与自动布局Swift一起使用

01河

我知道这个问题已经被问过很多次了,但这是我长期以来一直在苦苦挣扎的问题,而且即使现在有最新的答案和教程,我也相信其他人也会遇到这个问题。

添加滚动视图时,请执行以下步骤:

  1. 在视图控制器中将滚动视图添加为原始视图的子视图。固定顶部,左侧,右侧和底部。确保未选中“限制到边距”。

  2. 添加一个UIView作为滚动视图的子视图。固定顶部,左侧,右侧和底部约束。

  3. 在内容视图和视图控制器视图之间添加相等的宽度约束。

在我运行应用程序的这一点上,内容视图没有出现,滚动视图占据了整个屏幕。

  1. 接下来,我向内容视图添加仅包含4个UIView的元素以测试所有内容。我给每个UIView上下左右约束。最后一个UIView是一个底部约束。

此时,当我运行该应用程序时,“内容视图”和“滚动视图”都不会占据屏幕的大约一半,并且可以滚动“内容视图”。见下面的照片。

我遵循了我能找到的所有教程,并尝试实现我发现的所有SO答案,但是我似乎无法使其正常工作。如果有人遇到或知道解决方案,将非常感谢您的帮助!

绿色是内容视图,蓝色是滚动视图

在此处输入图片说明

滚动视图和子视图约束

在此处输入图片说明

01河

I figured this out with the help of the other answers but I had to make some adjustments to get it work the way I wanted. Here are the steps I took:

  1. Add a Scroll View as a Sub View of the Main View.

  2. Select the Scroll View and uncheck "Constrain to margins" and pin top, left, right, bottom, constraints

  3. Add a UIView as a subview of the Scroll View. Name this view "Content View"

  4. Select the Content View and pin top, left, right, and bottom constraints. Then add a center horizontally constraint.

  5. Next from the Content View to the Main View add equal width and equal height constraints.

  6. Add whatever elements you need inside the Content View. Pin top, left, right, and height constraints to the elements that were just added.

  7. 在“内容视图”内最底部的项目固定一个底部约束。选择此约束,然后更改为“大于或等于”。将该常数更改为20。

添加到“内容视图”内部项目的约束非常重要,尤其是添加到最后一个项目的底部约束。它们有助于确定滚动视图的内容大小。如我所述,添加底部约束将使视图在内容太大而无法容纳在屏幕中时滚动,而在内容确实适合在屏幕中时禁用滚动。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将滚动视图与自动布局Swift一起使用

来自分类Dev

Swift:滚动视图自动布局

来自分类Dev

使自动布局与 UIControl 子类一起使用

来自分类Dev

使具有动态高度子视图的 UIScrollView 与自动布局一起自动工作

来自分类Dev

将UIPageViewController与Swift和多个视图控制器一起使用

来自分类Dev

将终端滚动条与tmux一起使用

来自分类Dev

iOS-以编程方式添加一个新视图以与我的情节提要自动布局viewcontroller一起使用

来自分类Dev

将ui-router与视图转换一起使用

来自分类Dev

将UIPageViewController与多个视图一起使用

来自分类Dev

将matplotlib与Django通用视图一起使用

来自分类Dev

将视图模型与存储库模式一起使用

来自分类Dev

将 mongodb 与基于类的视图 django 一起使用

来自分类Dev

UIScrollView不能以编程方式与自动布局一起使用(使用多个图像)

来自分类Dev

Xcode - 滚动视图 - 自动布局

来自分类Dev

与Pandoc一起使用的表格布局

来自分类Dev

如何使用swift将Storyboard与SpriteKit一起使用

来自分类Dev

XCode自动布局无法与UIScrollView一起使用以进行水平分页

来自分类Dev

将Swift协议与泛型一起使用

来自分类Dev

将integerForKey与字符串swift一起使用

来自分类Dev

使用自动布局的带有按钮的iOS水平滚动视图

来自分类Dev

当 tableview 使用自动布局滚动时避免粘性标题视图

来自分类Dev

如何使多个列表视图一起滚动?

来自分类Dev

表格视图与url图像一起平滑滚动

来自分类Dev

如何一起滚动两个列表视图

来自分类Dev

将邮政MVC与布局一起使用将标题解析为邮件正文

来自分类Dev

每次重新呈现div内容时,如何将Meteor回调与Jquery一起使用以自动滚动到div的底部?

来自分类Dev

我可以将View pager与视图一起使用吗(不能与片段一起使用)

来自分类Dev

如何将搜索视图与回收站视图和 sqlite 一起使用?

来自分类Dev

将动画滚动与另一个ahref函数一起使用

Related 相关文章

  1. 1

    将滚动视图与自动布局Swift一起使用

  2. 2

    Swift:滚动视图自动布局

  3. 3

    使自动布局与 UIControl 子类一起使用

  4. 4

    使具有动态高度子视图的 UIScrollView 与自动布局一起自动工作

  5. 5

    将UIPageViewController与Swift和多个视图控制器一起使用

  6. 6

    将终端滚动条与tmux一起使用

  7. 7

    iOS-以编程方式添加一个新视图以与我的情节提要自动布局viewcontroller一起使用

  8. 8

    将ui-router与视图转换一起使用

  9. 9

    将UIPageViewController与多个视图一起使用

  10. 10

    将matplotlib与Django通用视图一起使用

  11. 11

    将视图模型与存储库模式一起使用

  12. 12

    将 mongodb 与基于类的视图 django 一起使用

  13. 13

    UIScrollView不能以编程方式与自动布局一起使用(使用多个图像)

  14. 14

    Xcode - 滚动视图 - 自动布局

  15. 15

    与Pandoc一起使用的表格布局

  16. 16

    如何使用swift将Storyboard与SpriteKit一起使用

  17. 17

    XCode自动布局无法与UIScrollView一起使用以进行水平分页

  18. 18

    将Swift协议与泛型一起使用

  19. 19

    将integerForKey与字符串swift一起使用

  20. 20

    使用自动布局的带有按钮的iOS水平滚动视图

  21. 21

    当 tableview 使用自动布局滚动时避免粘性标题视图

  22. 22

    如何使多个列表视图一起滚动?

  23. 23

    表格视图与url图像一起平滑滚动

  24. 24

    如何一起滚动两个列表视图

  25. 25

    将邮政MVC与布局一起使用将标题解析为邮件正文

  26. 26

    每次重新呈现div内容时,如何将Meteor回调与Jquery一起使用以自动滚动到div的底部?

  27. 27

    我可以将View pager与视图一起使用吗(不能与片段一起使用)

  28. 28

    如何将搜索视图与回收站视图和 sqlite 一起使用?

  29. 29

    将动画滚动与另一个ahref函数一起使用

热门标签

归档