2012-11-21 69 views
1

我想在我的iOS應用中使用F3BarGaugehttp://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比較陌生。也許有更好的方式來實現我想要的,而不是我想象我的解決方案。

回答

0

我不認爲有辦法在IB中看到F3BarGauge,但是你可以在IB中添加一個UIView作爲你的主視圖的子視圖,大小和位置如你所願,然後在代碼中添加F3BarGauge到子視圖。

編輯後:其實,在看了作者的演示項目之後,你可以在IB看到它。只需將演示項目中的視圖複製並粘貼到視圖控制器中(首先刪除默認視圖後)。

+1

謝謝你,工作。同時我還找到了一個教程,它從很詳細的基礎上解釋了一個很好的解決方案。他們添加一個UIView(在界面生成器中簡稱爲「視圖」),然後將連接的類更改爲所需的UIView的自定義子類(在我的情況下爲F3BarGauge)。點擊http://www.raywenderlich.com/1768/how-to-make-a-custom-uiview-a-5-star-rating-view,然後向下滾動到「使用5星評級視圖」看到本教程的相關部分。 –

相關問題