創建可以在Interface Builder中渲染的自定義視圖

Xcode 6加了一個新特性，讓開發著可以創建自定義控件，并且可以在Interface Builder中顯示效果！ 程序猿們再也不用猜測自定義控件的樣子了！

1 . 創建一個包含自定義視圖的框架

創建一個iOS應用程序框架File > New > Target，選擇Cocoa Touch Framework。

2 . 創建新類

File > New > File選擇Cocoa Touch Class模板，選擇UIView作為父類，填入類名。

下一步，保存項目。

3 . 在Xcode的工程導航欄中選擇剛才創建的MyDrawFrameRectViewClass頭文件，使它的內容變為：

#import <UIKit/UIKit.h>IB_DESIGNABLE@interface MyDrawFrameRectViewClass : UIView@end

4 . 選擇Storyboard文件，在Interface Builder中打開它。

5 . 從控件欄中拖入一個控件到畫布上。

6 . 選擇剛才拖入的視圖，選擇屬性探測器View > Utilities > Show Identity Inspector。

7 . 輸入剛才自定義的類名。

8 . View > Assistan Editor > Show Assistant Editor打開輔助編輯器。

9 . 在自定義視圖中編寫代碼，我們可以實時的在Interface Builder中看到效果。

修改代碼：

10 . 通過增加輔助編輯器，可以同時查看自定義類的實現和頭文件View > Assistant Editor > Add Assistant Editor。

11 . 使用IBInspectable聲明的屬性可以在屬性探測器中出現。

12 . 選中Interface Builder中剛才的自定義視圖，顯示屬性View > Utilities > Show Attributes，可以看到剛才定義的兩個屬性。

13 . 改變屬性值，Interface Builder會自動變化。

下面這些類型的屬性可以用IBInspectable修飾：
boolean, integer, float, localized string, rectangle, point, size, color, range, nil等。

長沙戴維營教育，做最好的iOS開發培訓！

Swift開發視頻教程地址：http://www.ubuntucollege.cn

首家長沙iOS培訓機構，湖南地區最誠實iOS開發培訓中心！