如何使用故事板连接界面生成器中的自定义UIView？

我想在我的iOS应用中使用F3BarGauge（http://www.cocoacontrols.com/controls/f3bargauge），我想为我的UI设计使用.storyboard。如何使用故事板连接界面生成器中的自定义UIView？

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

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

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

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

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

来源

2012-11-21 Daniel S.

我不认为有办法在IB中看到F3BarGauge，但是你可以在IB中添加一个UIView作为你的主视图的子视图，大小和位置如你所愿，然后在代码中添加F3BarGauge到子视图。

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

来源

2012-11-21 17:14:15 rdelmar

谢谢你，工作。同时我还找到了一个教程，它从很详细的基础上解释了一个很好的解决方案。他们添加一个UIView（在界面生成器中简称为“视图”），然后将连接的类更改为所需的UIView的自定义子类（在我的情况下为F3BarGauge）。点击http://www.raywenderlich.com/1768/how-to-make-a-custom-uiview-a-5-star-rating-view，然后向下滚动到“使用5星评级视图”看到本教程的相关部分。 –

如何使用故事板连接界面生成器中的自定义UIView？

回答

相关问题