如何在 Xcode 中构建响应式布局（不是自动布局）？

Question

我正在制作聊天应用程序并创建了角色组件，该组件使用Container view 在视图中实现。我希望它具有最大宽度，因此在 iPhone 上它将是全宽的，但在 iPad 上以固定宽度居中。同样在横向的 iPhone 上，它应该是可滚动的（我已经使用了Scroll view，但在横向上它的行为很奇怪）。

这就是创建角色组件的样子。它包含View 中的所有元素，但 Xcode 告诉它们是错误的。现在它的所有元素都是分开的，它们的宽度 = 0 - 这一切都很好，但是当我在视图中插入这个组件时（它看起来像这样）：

...使用 Container view 包裹 Scroll view 它的行为很奇怪。我在顶部、底部、左侧和右侧给出了Container view 约束都等于 0，但 Xcode 显示警告 y 不等于预期。它不能使Container view 与Scroll view 一样大。我也想让它可以滚动，所以当屏幕高度不足以显示整个表单时，你可以滚动它。但是现在，当您将屏幕旋转到Container view 的横向视图大小时，Scroll view 的大小也会发生变化，因此Scroll view 是不可滚动的。有什么想法吗？

Answer 1

您可以在Storyboard 中执行此操作，方法是根据屏幕尺寸选择要自定义的元素的Attributes inspector，然后单击要自定义的属性左侧的+ 符号。但是，这只提供了非常有限的选项，因此您最好在代码中执行此操作并以编程方式检查屏幕大小，或者为 iPad 和 iPhone 使用不同的Storyboards。

要使用不同的故事板，您可以执行以下操作：

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

    let screenWidth = UIScreen.main.bounds.width
    let orientation = UIDevice.current.orientation

    if screenWidth > x { //use iPad storyboard
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let vc = storyboard.instantiateViewController(withIdentifier: "identifier")
        self.window.rootViewController = vc
    } else {
                    let storyboard = UIStoryboard(name: "OtherStoryboard", bundle: nil)
        let vc = storyboard.instantiateViewController(withIdentifier: "otherIdentifier")
        self.window.rootViewController = vc
    }
...
}