iOS開發-自定義控件的方式及注意

使用純代碼的方式

1. 一般來說我們的自定義類繼承自UIView，首先在initWithFrame:方法中將需要的子控件加入view中。注意，這里只是加入到view中，並沒有設置各個子控件的尺寸。

   為什么要在initWithFrame:方法而不是在init方法？

   因為使用純代碼的方式創建自定義類，在以后使用的時候可能使用init方法創建，也有可能使用initWithFrame:方法創建，但是無論哪種方式，最后都會調用到initWithFrame:方法。在這個方法中創建子控件，可以保證無論哪種方式都可以成功創建。

   為什么要在initWithFrame:方法里面只是將子控件加到view而不設置尺寸？

   前面已經說過，兩種方式最后都會調用到initWithFrame:方法。如果使用init方法創建，那么這個view的frame有可能是不確定的：

   CYLView *view = [[CYLView alloc] init];
   view.frame = CGRectMake(0, 0, 100, 100); ...

   如果是這種情況，那么在init方法中，frame是不確定的，此時如果在initWithFrame:方法中設置尺寸，那么各個子控件的尺寸都會是0，因為這個view的frame還沒有設置。（可以看到是在發送完init消息才設置的）

   所以我們應該保證view的frame設置完才會設置它的子控件的尺寸。

2. 在layoutSubviews方法中就可以達到這個目的。第一次view__將要顯示__的時候會調用這個方法，之后當view的尺寸（不是位置）改變時，會調用這個方法。

   所以正常的做法應該是在initWithFrame:方法中創建子控件，注意此時子控件有可能只是一個局部變量，所以想要在layoutSubviews訪問到的話，一般需要創建這個子控件的對應屬性來指向它。

   @property (nonatomic, weak) UIButton *button; // 注意這里使用weak就可以，因為button已經被加入到self.view.subviews這個數組里。 ... - (instancetype)initWithFrame: (CGRect)frame { if (self = [super initWithFrame: frame]) { UIButton *button = ... // 創建一個button [button setTitle: ...] // 設置button的屬性 [self.view addSubview: button]; // 將button加到view中，並不設置尺寸 self.button = button; //將self.button指向這個button保證在layoutSubviews中可以訪問 UILabel *label = ... // 其他的子控件同理 } }

   這樣我們就可以在layoutSubviews中訪問子控件，設置子控件的尺寸，因為此時view的frame已經確定。

   - (void)layoutSubviews { [super layoutSubviews]; // 注意，一定不要忘記調用父類的layoutSubviews方法！ self.button.frame = ... // 設置button的frame self.label.frame = ... // 設置label的frame }

   經過以上的步驟，就可以實現自定義控件。

3. 同時，我們還希望可以給我們的自定義控件數據，讓其顯示。

   一般來說首先要將得到的數據轉換成模型數據，然后給這個自定義控件傳入模型數據讓其顯示。

   所以在這個自定義控件的頭文件，需要我們設置接口以得到別人傳入的數據。比如當前我們有一個Book類，它有一個name屬性用於顯示名稱，有一個like屬性用於顯示多少人喜歡。現在我們需要將Book的name顯示到自定義類的label子控件上，將Book的like顯示到自定義類的button子控件上。

   首先在自定義類的頭文件中：

   ...
   @property (nonatomic, strong) Book *book; ...

   在這里我們接收一個book作為需要顯示的數據。

   然后在自定義的實現文件中重寫book的setter方法：

   - (void)setBook: (Book *)book { _book = book; // 注意在這個方法中，不寫這句也是沒有問題的，因為在下面的語句使用的是book而非self.book或_book，但是如果在其他的方法中也想要訪問book這個屬性，那么就需要寫上，否則self.book或_book會一直是nil（因為出了這個方法的作用域，book就銷毀了，如果再想訪問需要有其他的引用指向它）。所以建議，要寫上這句。 [self.button setTitle: book.like forState...]; self.label = book.name; }

   這樣，當我們想要使用自定義類顯示數據時：

   // 在控制器類的某個方法中： Book *book = self.books[index]; // 這里指拿到books這個數據中的某個數據用於顯示 CYLView *view = [[CYLView alloc] initWithFrame: ...]; [self.view addSubview: view]; // 將自定義類加到view中 view.book = book; // 設置book的數據，此時會調用setter方法給各個控件設置數據

   這樣一來就實現自定義類顯示數據的功能。而且將子控件封裝到自定義中，控制器只需要創建自定義類和給它數據，而不需要擔心這個類內部是怎么設計的，都有什么控件，數據是如何安排的，所以當需求改變時，我們的控制器有可能完全不用改動，只需改變自定義類的內部就可以。

   ​

總結：

1. initWithFrame:中添加子控件。

2. layoutSubviews中設置子控件frame。

3. 對外設置數據接口，重寫setter方法給子控件設置顯示數據。

4. 在view controller里面使用init/initWithFrame:方法創建自定義類，並且給自定義類的frame賦值。

5. 對自定義類對外暴露的數據接口進行賦值即可。

   ​

使用xib方式

1. 使用xib的方式可以省去initWithFrame:和layoutSubviews中添加子控件和設置子控件尺寸的步驟，還有在view controller里面設置view的frame，因為添加子控件和設置子控件的尺寸以及整個view的尺寸在xib中就已經完成。（注意整個view的位置還沒有設置，需要在控制器里面設置。）

2. 我們只需對外提供數據接口，重寫setter方法就可以顯示數據。

3. 注意要將xib中的類設置為我們的自定義類，這樣創建出來的才是自定義類，而不是默認的父類。

4. 當然，用xib這種方式是需要加載xib文件的。加載xib文件有兩種方法：

   // 第一種方法（較為常用） CYLView *view = [[[NSBundle mainBundle] loadNibNamed:@"CYLView" owner:nil options:nil] firstObject]; // CYLView代表CYLView.xib，代表CYLView這個類對應的xib文件。這個方法返回的是一個NSArray，我們取第一個Object或最后一個（因為這個數組只有一個CYLView沒有其他對象）就是需要加載的CYLView。 // 第二種方法 UINib *nib = [UINib nibWithNibName:@"CYLView" bundle:nil]; NSArray *objectArray = [nib instantiateWithOwner:nil options:nil]; CYLView *view = [objectArray firstObject];

5. xib文件中的控件可以通過Control-Drag的方式在CYLView中進行連線，這樣CYLView是就可以訪問這些控件。（可以在setter方法中給這些控件賦值以顯示數據）

總結：

1. 創建xib，在xib中拖入需要添加的控件並設置好尺寸。並且要將這個xib的Class設置為我們的自定義類。

2. 通過IBOutlet的方式，將xib中的控件與自定義類進行關聯。

3. 對外設置數據接口，重寫setter方法給子控件設置顯示數據。

4. 在view controller類里面加載xib文件就可以得到對應的類（這里不需要再設置自定義類的frame，因為xib已經有了整個view的大小。只需要設置位置。），接着就可以對類對外的數據接口賦值。

   ​

補充

1. 如果使用代碼的方式創建控件，那么在創建時一定會調用initWithFrame:方法；如果使用xib/storyboard方式創建控件，那么在創建時一定會調用initWithCoder:方法。

2. 在initWithCoder:里面訪問屬性，比如self.button，會發現它是nil的，因為此時自定義控件正在初始化，self.button可能還未賦值（self.button是一個IBOutlet，IBOutlet本質上就相當於Xcode找到這個對應的屬性，然后UIButton button = … , [self.view addSubview: button]這種操作，而這一切的操作都是相當於在CYLView view = [[CYLView alloc] initWithCoder: nil]方法之后執行的。上面的代碼就相當於用代碼的方式實現Xcode在storyboard中加載CYLView），所以如果在這個方法中進行初始化操作是可能會失敗的。

   所以建議在awakeFromNib方法中進行初始化的額外操作。因為awakeFromNib是在初始化完成后調用，所以在這個方法里面訪問屬性（IBOutlet）就可以保證不為nil。

3. 事實上使用xib創建自定義控件，我們可以將加載xib的過程封裝到自定義的類中，只對外暴露一個初始化方法，這樣外界就不知道內部是如何創建的自定義控件了。

   比如在CYLView.h中提供一個類工廠方法：

   + (instancetype)viewWithBook: (Book *)book;

   然后在CYLView.m中實現這個方法：

   + (instancetype)viewWithBook: (Book *)book
   {
       CYLView *view = [[[NSBundle mainBundle] loadNibNamed: NSStringFromClass(self) owner: nil opetions: nil] firstObject]; view.book = book; return view; }

   這樣外界只需用viewWithBook:方法傳入一個book，就可以創建一個CYLView的對象，而具體是怎么創建的，只有CYLView才知道。

4. 如果我們想，無論是通過代碼的方式，還是通過xib的方式，都會初始化一些值，那么我們可以將初始化的代碼抽到一個方法里面，然后在initWithFrame:方法和awakeFromNib方法中分別調用這個方法。

   關於為什么是awakeFromNib前面已經說了：

   通過xib的方式創建的自定義控件，需要設置IBOutlet屬性，雖然會調用initWithCoder:方法，但是調用這個的方法的時候IBOutlet屬性還未設置好，所以在這個方法中訪問屬性將會是nil。而在awakeFromNib中，IBOutlet已經初始化完畢，所以在這個方法中初始化不會失敗。

   如果通過initWithFrame:方法，說明是通過代碼創建的自定義控件，它的屬性並不是IBOutlet的，所以不存在未完成IBOutlet的屬性未初始化完這種情況。所以在initWithFrame:方法中訪問一些屬性是沒有問題的。但是應該注意，如果是通過init方法創建的自定義控件也會調用initWithFrame:方法，但是此時的self.frame是沒有被賦值的（在掉用這個方法的時候並沒有設置控件的大小），如果這種情況下使用self.frame是沒有值的。注意這種情況。

文／ForeverYoung21（簡書作者）
原文鏈接：http://www.jianshu.com/p/7e47da62899c
著作權歸作者所有，轉載請聯系作者獲得授權，並標注“簡書作者”。