如何在 xamarinIOS 中创建响应式 UI 设计（横向和纵向模式）

Question

我正在 IOS Xamarin 中制作一个应用程序，我想为横向和纵向模式创建单独的用户界面。当屏幕改变方向时，我希望界面也改变。

我要创建的横向和纵向模式示例

我正在使用 Visual Studio 2017 for mac。问题是我不知道是否像在 android 中一样，我可以为横向模式创建第二个布局。如果是这样，有人可以解释如何，或者提供一个有用的链接，我可以在其中找到解决方案。

Answer 1

我熟悉的在 iOS 中创建响应式设计的方式是使用AutoLayout的概念。但在开始之前，您应该了解iOS 设计的基础知识关于如何使用 AutoLayout 处理纵向和横向模式，您可以查看这个StackOverflow 讨论。

Answer 2

当视图被调整大小或旋转时，有两种不同的控制布局的机制：自动调整大小设计器中的 Autosizing 检查器提供了一种设置 AutoresizingMask 属性的方法。这将使控件锚定到其容器的边缘和/或固定其大小。自动调整大小适用于所有版本的 iOS。参考：自动调整自动布局iOS 6 中引入的一项功能，允许对 UI 控件的关系进行细粒度控制。它将允许控制元素相对于设计表面上其他元素的位置。参考：设计师自动布局您可以阅读文档并从链接下载示例。对于复杂的布局，我建议您使用Auto Layout，对于简单的布局，我建议您使用Autosizing。