如何在编辑代码文件时看到Storyboard发生的变化,反之亦然?

时间:2017-02-05 18:49:35

标签: ios swift macos storyboard

当我编译我的iOS / macOS应用程序时,Storyboard文件和Swift文件正在组合,我在完全正常工作的应用程序中看到了结果。

是否可以在编写代码或编辑Storyboard时看到应用程序外观的预览,在哪里我会看到更改,在故事板中应用以及在代码中应用的更改?

是否可以在swift文件中查看故事板(颜色,属性等)中的更改?

1 个答案:

答案 0 :(得分:1)

我认为你并不完全理解故事板是如何工作的,因此会让人产生困惑。

在编译期间,Storyboard和Swift文件没有合并。

UIViewController使用Storyboard初始化视图及其所有子视图并设置所有属性。此初始化在运行时期间发生。可能你认为它会生成另一个Swift文件,其中包含创建所有这些视图的代码,这是不正确的。

它还与您的IBOutlets有连接,只是在Swift中为您的类分配引用,稍后您可以使用它来以编程方式更改颜色。

在Xcode中有几种预览不同内容的方法:

  1. Xcode允许使用不同的设备和语言从Interface Builder预览视图。打开“助理编辑器”(在顶部栏中,带有2个圆圈的图标),然后在助理编辑器中选择“预览”。之后,您可以添加多个设备分辨率,方向并选择语言。但是,它只会显示IB中的视图,并且不会运行连接到视图的Swift类。

  2. 如果您正在制作自定义视图,那么您可以添加@IBDesignable属性,这将使Xcode编译Interface Builder的类并运行它的某些部分,使其在运行时看起来像在你的应用程序中我可以推荐这篇文章 - http://nshipster.com/ibinspectable-ibdesignable/