如何使用情节提要在界面构建器中连接自定义 UIView？答案

【问题标题】：How to connect custom UIView in interface builder using storyboards?如何使用情节提要在界面构建器中连接自定义 UIView？
【发布时间】：2012-11-21 17:06:27
【问题描述】：

我想在我的 iOS 应用中使用 F3BarGauge (http://www.cocoacontrols.com/controls/f3bargauge)，并且我想在我的 UI 设计中使用 .storyboard。

我设法通过将代码写入视图控制器的 loadView: 方法以编程方式实现了这一点，该方法创建了 F3BarGauge 的实例并通过 [self.view addSubview:myBarGauge]; 将其添加到视图中。

但是，现在我在 Interface Builder 的预览中根本看不到 F3BarGauge，因此我也无法从那里调整 F3BarGauge 的大小或位置。我只能在代码中做到这一点。此外，我认为如果我通过 .storyboard 自动创建部分 UI 元素并在我自己的代码中创建一些 UI 元素，我的同事会感到困惑。

我想找到解决这两个缺点的方法。在 Interface Builder 中查看实际自定义 UI 元素的内容（在本例中为 F3BarGauge）对我来说并不重要。如果 F3BarGauge 区域的框架显示在 Interface Builder 中并且我可以移动和调整它的大小，那么我对解决方案感到满意。

我没有这种方法的示例，因为F3BarGauge 的作者的示例使用的是 .xib 文件而不是 .storyboard。

我对 iOS 编程和 Xcode/Interface Builder 比较陌生。也许有比我想象的解决方案更好的方法来实现我想要的。

【问题讨论】：

标签： ios xcode interface-builder storyboard custom-view

【解决方案1】：

我认为没有办法在 IB 中查看 F3BarGauge，但您可以添加 UIView 作为 IB 中主视图的子视图，根据需要调整大小和位置，然后在代码中添加F3BarGauge 到子视图。

After Edit：其实看了作者的demo project之后，在IB中就可以看到。只需将演示项目中的视图复制并粘贴到视图控制器中（先删除默认视图后）。

【讨论】：

谢谢你，成功了。同时我还找到了一个教程，它从头开始详细解释了一个很好的解决方案。他们添加了一个 UIView（在 Interface Builder 中简称为“View”），然后将连接的类更改为您想要的 UIView 的自定义子类（在我的例子中是 F3BarGauge）。点击raywenderlich.com/1768/…，然后向下滚动到“使用 5 星评级视图”以查看教程的相关部分。