iOS - 使用 Storyboard和自动布局使 UIScrollView 居中

标签 ios uiscrollview autolayout storyboard

我正在使用 Storyboard和自动布局创建 iOS 应用程序,以便它在 iPhone4 和 iPhone5 上都能正常运行。下面是我使用 Storyboard创建的 View 的屏幕截图。

enter image description here

在上图中,我想将 ScrollView 保持在 super View 的前缘和右 TableView 的中间。我不希望 ScrollView 在 iPhone5 中增加其宽度。我尝试了不同的约束组合,但我无法实现。

有人可以建议我必须为 ScrollView 设置哪些约束才能使其居中。

最佳答案

如何在 Storyboard 上居中 View

此答案已针对 Xcode 8 更新。

此答案适用于只是对如何使用 Storyboard 将事物居中进行一般搜索并且不了解约束的人。

我假设您使用的是 Storyboard(不是 XIB 文件)和自动布局。这是现在的默认设置,所以如果您不知道这意味着什么,请不要担心。不过,如果你想检查,可以在项目导航器中单击 Main.storyboard,然后单击文件检查器。您可以确保选中使用自动布局:

enter image description here

在 Storyboard上选择您的按钮(或您想要居中的任何 View )。然后点击右下角的对齐按钮。选择“Horizo​​ntally in Container”和“Vertically in Container”。单击“添加 2 个约束”。

enter image description here

如果它还没有完全居中,您可能需要再做一件事。单击对齐按钮左侧两个的“更新帧”按钮。您的 View 现在应该以 Storyboard为中心。

enter image description here

更重要的是,现在当您运行您的应用时,无论您使用何种尺寸的设备,它都应该居中。

我最初是从 Creating the user interface – Auto layout 学到的.基本思路还是一样的,但是现在 Xcode 中的 UI 布局发生了一些变化。

另见

关于iOS - 使用 Storyboard和自动布局使 UIScrollView 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17917437/

相关文章:

ios - 如何从 iOS 13 中的 NSFetchResultsController 获取可比较的快照?

ios - 将自定义 UIView 添加到 UIScrollview - 如何计算位置、大小和处理缩放?

objective-c - XCode 8 - 如何解决 XCode 8.0 版的自动调整大小问题?

ios - AutoLayout:UIView 中的 UIView 的框架不正确

iOS 自动布局 : Handling different screen heights

ios - 在 xcode/swift 中绘制圆形网格

ios - 在 iOS 上调用应用内电话

swift - 带有 Swift 的 UICollectionViewCell 中的 UIScrollView

ios - 如何在 imageView 上设置自动布局约束以获得良好的分辨率图像?

iphone - IOS SDK 内 TableView 设置 Pane