了解Xcode 6 Interface Builder中的视图布局

时间:2014-12-08 00:54:20

标签: ios interface-builder xcode6

我是Xcode的InterfaceBuilder的新手,尝试制作我的Hello World应用程序,但我不明白为什么我在Interface Builder中的UI元素布局与我在模拟器中看到的不匹配。

我使用新的UIViewController类和相应的.xib文件创建了一个单独的视图项目(我还没有使用故事板)。在xib文件中,我将TextView和Toolbar放在主视图上。我还将File的所有者设置为我的自定义UIViewController类,并将连接的视图插件设置为文件所有者。

以下是界面构建器中所有内容的外观: Interface builder

当我在iOS 7的iPhone 5模拟器中启动应用程序时,我获得了与iOS 8上的iPhone 5不同的布局以及iOS 8上iPhone 6上的所有不同屏幕。

这是我在iPhone 5中看到的内容 - iOS 7(注意屏幕顶部和底部的黑条): iPhone 5 - iOS 7

这是我在iPhone 5中看到的内容 - iOS 8(底部缺少工具栏): iPhone 5 - iOS 8

最后,一切看起来都只适用于iPhone 6 - iOS 8: iPhone 6  - iOS 8

如何设置内容以便我的UI元素显示为:

  1. 我不需要手动将UITextView的y位置设置为20 占帐状态栏。
  2. UITextView和UIToolBar是 放置使得UIToolBar将直接出现在UITextView下方 它们适合设备上可用的任何窗口大小?
  3. 有人能指出我有一个很好的资源来尝试更好地理解Interface Builder布局吗?

1 个答案:

答案 0 :(得分:0)

首先删除自动布局和尺寸等级。

使用自动调整大小使屏幕与所有屏幕尺寸兼容。