https://www.jianshu.com/p/1bcc29653085 總結的比較好

iOS開發中，我們常常將一塊View封裝起來，以便於統一管理內部的子控制元件。

下面就來說說自定義View的封裝以及它的多種實現方式

自定義UIView（控制元件）的封裝

什麼是View的封裝

• 如果一個View的內部子控制元件比較多，一般會考慮自定義一個View，把它內部子控制元件的建立遮蔽起來，不讓外部關心。
• 外界傳入對應的資料模型給view。view拿到資料模型之後給內部的子控制元件設定對應的資料。

封裝自定義控制元件的基本步驟

• 重寫 - (instancetype)initWithFrame
  方法，在此方法中建立並新增子控制元件。
• 提供一個便利的構造方法，通常為 類方法，快速建立一個例項物件
• 重寫 - (void)layoutSubviews方法，在此方法中設定子控制元件的frame，一定要呼叫[super layoutSubviews]
• 設定模型屬性，在set方法中，給對應的子控制元件賦值。

看程式碼

XYBookView.h 標頭檔案

#import <UIKit/UIKit.h>
@class XYBook; @interface XYBookView : UIView // 只放一個數據屬性用來賦值，內部佈局，放到.m 中自己管，不暴露給外界 @property (nonatomic, strong) XYBook *book; @end 實現檔案 .m檔案 #import "XYBookView.h" #include "XYBook.h" @interface XYBookView () // 兩個內部子控制元件在內部包裝起來，不給外界看到 @property (nonatomic, weak) UIImageView *icon; @property (nonatomic, weak) UILabel *label; @end @implementation XYBookView // 1.重寫initWithFrame:方法，建立子控制元件並新增到自己上面 - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // 1. 建立書圖示 UIImageView *icon = [UIImageView new]; self.icon = icon; [self addSubview:self.icon]; // 2.書名 UILabel *bookName = [UILabel new]; bookName.textAlignment = NSTextAlignmentCenter; self.label = bookName; [self addSubview:self.label]; } return self; } // 2.重寫layoutSubviews，給自己內部子控制元件設定frame - (void)layoutSubviews { [super layoutSubviews]; CGSize size = self.frame.size; self.icon.frame = CGRectMake(0, 0, size.width , size.height * 0.7); self.label.frame = CGRectMake(0, size.height * 0.7, size.width, size.height *(1 - 0.7)); } // 3.呼叫模型的set方法，給書的子控制元件賦值， - (void)setBook:(XYBook *)book { _book = book; self.icon.image = [UIImage imageNamed:book.icon]; self.label.text = book.name; } @end
 

以上是純程式碼實現的View的封裝，寫起來有些麻煩。

開發中另一種常用的封裝方式是Xib，下面介紹Xib的相關知識。

XIB和Storyboard的比較

共同點

• 都是用來描述軟體介面
• 最後都是 Interface Builder工具來編譯
• 本質上都是轉化成程式碼去建立控制元件

不同點

• Xib是輕量級的，用來描述區域性的UI介面
• Storyboard是重量級的，不僅可以用來描述整個應用的多個頁面，而且可以展示頁面間的跳轉關係。

Xib的建立

Xib的使用

Xib的載入方式

Xib作為區域性UI的描述檔案，它也是一種專案內的資原始檔，在專案中查詢路勁也是在[UIBundle mainBundle]中，它的載入方式有兩種

方式1

在對應的mainBundle中載入XYBookView型別的nib檔案，返回是陣列，取陣列中對應的view即可

NSArray *views = [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil]; XYBookView *bookView = views.firstObject;

方式2

Xib/Storyboard檔案編譯之後生成的都是 Nib檔案，載入XYBookView.xib對應的.nib檔案，通過.nib檔案例項化的陣列中取到對應的XYBookView例項物件。

UINib *nib = [UINib nibWithNibName:@"XYBookView" bundle:nil];
XYBookView *bookView = [[nib instantiateWithOwner:nil options:nil] firstObject];

使用注意

• 進行類繫結，告訴Xib它是什麼型別，用來描述那個檔案
• 通常Xib檔名和要描述的檔案同名，易於辨認和管理

Xib的使用細節完善

• Xib用來描述控制元件，是把原來程式碼建立的內容直接用圖形化來展示了
• Xib裡面的子控制元件需要拖線到對應檔案中，以便檔案內賦值和其他使用

封裝Xib的載入過程

#import "XYBookView.h"
@interface XYBookView () // 封裝一個快速返回例項物件的類方法 + (instancetype)bookView; @end @implementation XYBookView + (instancetype)bookView { // 封裝Xib的載入過程 return [[NSBundle mainBundle] loadNibNamed:@"XYBookView" owner:nil options:nil].firstObject; }

小結

一個控制元件有兩種建立方式

• 通過程式碼建立
  • 初始化一定會呼叫 -(instancetype)initWithFrame:方法
• 通過Xib\StoryBoard建立
  • 初始化不會呼叫 -(instancetype)initWithFrame:方法，只會呼叫-(instancetype)initWithCoder:方法
  • 初始化完成之後，回撥用awakeFromNib方法

通過兩種載入方式，可以發現：有時候我們希望在控制元件初始化時做一些初始化的操作，如新增子控制元件，設定屬性等，這時候需要根據控制元件的載入方式來選擇-(instancetype)initWithFrame:，-(instancetype)initWithCoder:，awakeFromNib三個方法中的哪個方法進行初始化。