使用自适应布局和情节提要在XCode6中实现ScrollView

探戈班戈

我有一个带有标签和按钮的输入页面,该页面太长而无法放在任何iPhone的屏幕上。我想让用户垂直滚动以进行所有输入。

我想在情节提要中进行布局。

我可以找到的所有建议答案都可以处理不同的情况:-通过代码进行布局-内容是具有固有大小的图像-可以与autolayout / xcode 5一起使用,但我无法针对自适应布局和xcode6进行工作

在视觉上这就是我在说什么。黄色框是包含输入元素的视图。黑框表示可以随时看到的内容。

所需画面的图像

根据我的研究,这是我尝试过的方法:

  1. 在主视图中添加了一个ScrollView,将其完全填充。(我认为这应该是黑色矩形)。
  2. 在滚动视图内添加了一个视图(用作内容容器)。(黄色矩形)
  3. 向内容视图添加了所需的元素。为了低于屏幕上可见的位置,我拖动并扩展了视图,使其足够大以容纳所有内容。
  4. 添加了将内容视图固定到所有滚动视图的约束。
  5. 添加了约束,使内容视图的宽度和高度与顶级视图相同。
  6. 增加了对所有元素的宽度和高度以及从容器视图的侧面到侧面的限制。

我在模拟器中得到的是:可以容纳在原始屏幕尺寸内的元素。

任何人都可以帮助解决我的感觉,这肯定是一个常见问题?

谢谢。

探戈班戈

多亏了hardik,我认为我已经解决了这个问题。我所做的大多数事情都是正确的,但我缺少一系列关键约束(而且我有一个我不需要或不需要的额外约束)。

我认为这是使用的方法以及使之起作用的最小约束集。

  1. 在主视图内添加一个滚动视图。让scrollview填满整个视图。
  2. 在滚动视图内添加一个内容视图。根据需要展开它以添加您的内容(标签,按钮等)
  3. 添加将内容视图固定到所有侧的滚动视图的约束。
  4. 将内容视图的约束钉住宽度添加到主视图的宽度-而不是滚动视图的宽度。保持身高。(高度限制是我不需要的多余部分。)
  5. 添加将滚动视图固定到所有主视图的约束。(这是关键的补充。)

现在,您将需要在内容视图中添加约束以对内容进行布局。这些显然会根据您的情况而有所不同。我需要具有约束条件,以完全从上到下,从一侧到另一侧完全定义布局。

约束条件

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何基于自适应布局和情节提要在uiableviewcell包装中相对于设备制作uilabel

情节提要Xcode 6中的自适应segue。不赞成使用push吗?

如何使用Interface Builder和Swift在xCode6中正确创建情节提要

使ScrollView与自动布局和情节提要一起使用

如何使用在自适应情节提要中消除iPhone弹出窗口

使用情节提要在Xcode 6.1.1中解散Segue

xcode6单个情节提要,但需要不同的图像

如何在Xcode6的情节提要中重置特定大小的类数据?

Xcode 6中的情节提要问题

Xcode 6使用多个情节提要

Xcode自动布局和自适应设计

xCode6 Beta 3如何在通用情节提要中显示尺寸类的“预览”面板?

情节提要在Xcode9中找不到SKView?

如何在情节提要中的按钮上实现此布局?

使用自动布局在情节提要板上实现ADBannerView

使用自动布局的iOS自适应布局

如何使用自适应序列在UITableView中实现UIVisualEffectView

解析iOS-XCode6:使用情节提要的AnyPic中的PFUser对象出现问题

Xcode 6.3情节提要自动布局约束

在UICollectionViewCell中使用情节提要中的自动布局约束

导航栏未显示在Xcode 6的情节提要中

xcode 6未在情节提要中显示视图

Xcode 6 beta 7:情节提要在左右两侧增加了额外的空间

如何使事物在自适应布局中对齐

如何使用xcode 6中的通用情节提要板对uiview的宽度与iphone和ipad进行一些填充以使其适合父视图的宽度?

iPad的自适应布局

Xcode 6自适应UI如何与iOS 7和iOS 6向后兼容?

如何放大情节提要(xcode 6)

使用情节提要板实现自定义视图布局