iOS Auto Layout - 如何让两个堆叠的纵向视图在横向中并排移动?

Posted

技术标签:

【中文标题】iOS Auto Layout - 如何让两个堆叠的纵向视图在横向中并排移动?【英文标题】:iOS Auto Layout - How to have two stacked views in portrait move to side by side in landscape? 【发布时间】:2014-11-30 20:14:44 【问题描述】:

我正在更新我的应用并希望允许横向显示。 我想知道如何在纵向拍摄两个相互堆叠的视图(并在容器中水平居中)并将它们在横向中并排移动(并在容器中垂直居中)。

我希望摇头公仔在左侧对齐,而报价框在右侧对齐。在横向模式下,两个视图都应占据全高。

以下是一些屏幕截图:

【问题讨论】:

本教程完全符合您的要求,raywenderlich.com/83276/beginning-adaptive-layout-tutorial 如果您仍有问题,请将当前项目发给我,我会在几分钟内对其进行编辑。 @Jageen - 成功了!我没有意识到您可以选择仅应用于某些布局的约束(即任何宽度 x 紧凑高度等)。您可以将该评论复制到答案中,以便我接受并给予您信任吗?谢谢! 【参考方案1】:

当设备尺寸不适合您的视图时,您想要的是不同的布局。ios8 中,您无需硬编码即可完成。 是的,只需为正确的大小类设计正确的约束(introduce in XCode6) 这是一个按照您的意愿做的示例 Example

代码Download project

输出

【讨论】:

以上是关于iOS Auto Layout - 如何让两个堆叠的纵向视图在横向中并排移动?的主要内容,如果未能解决你的问题,请参考以下文章

iOS屏幕适配方案-Auto Layout

如何解决官方 iOS 应用开发教程中的 Auto Layout 问题?

如何在 UIAlertView(iOS)中的其他两个按钮(堆叠)之间添加取消按钮

iOS 开发实践之 Auto Layout

iOS之Xcode8 Auto Layout新特性

转 iOS 8 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束