由于故事板中的奇怪比例,设计自适应布局是行不通的

时间:2016-02-18 17:41:29

标签: ios xcode ipad storyboard adaptive-layout

我正在尝试使用XCode 7的自适应布局进行编程,现在面临设计用户界面的主要问题。我的问题是故事板的设计并没有反映设备和模拟器上实际应用程序的情况。

以下是我设置界面的方法:

[

事实上,左视图崩溃太多,以至于我无法在该区域内设计任何子视图。在这里,我将MapView的宽度指定为700点,这应该比iPadPro的实际宽度小得多。我不知道为什么mapview会占用这么多的界面空间。

enter image description here

这是位于MapView左侧的UIView的约束。

enter image description here

我没有指定左边UIView的宽度,因为我猜最终会占用MapView之外剩余的东西。它实际上是根据我在模拟器和设备中的假设行事。

enter image description here

另一个奇怪的事情是,如果我将MapView的宽度改为超过700点,XCode总会抱怨宽度冲突。我一直认为iPad的宽度应该超过700点。在这里,我不知道界面构建器为什么抱怨。故事板的大小类是wRegular和hRegular。

有没有办法让设计更易于管理?左侧UIView内部有更多子视图,但此时我根本无法将任何子视图添加到左侧的UIView中。

1 个答案:

答案 0 :(得分:0)

纵向的常规iPad也是常规宽度。那是768分。你可能不应该有你的地图700点。您可能希望左侧的视图具有与地图相同的宽度。您可以通过选择多个视图并添加“Equal Widths”约束来实现。

您还可以通过选择视图控制器来更改界面构建器中场景的大小,然后可以选择以不同的大小查看它:

selecting simulated metrics

它将为您提供不同设备和方向尺寸的选项。