[iOS] 利用xib來製作客製化View

圖片能點擊放大

1. 新增一個客製化的View，命名成為你需要的名稱，且繼承於UIView

2.新增一個同名的xib，此時你的專案應該會有兩個檔案

3.  開始設計你的View，這邊簡單的放入一個Button，並且改為綠色

4. 點選上方的File's Owner類別後，將右邊的Custom Class設置為你的Class名稱。

5.此時你應該可以加入IBoutlet與IBAction了，我們加入一個IBAction，在Touch Up Inside時會印出Log。

6. 此時你的程式碼應該只有這樣

7. 接著我們要override兩個事件，init(frame: CGRect)以及init?(coder aDecoder: NSCoder)，此時你的程式碼應該如下。

8. 增加一個loadXib的方法，並填入以下的程式碼

這邊主要是使用nib載入xib的View，並加入到這個Class的View，在設置Autolayout讓畫面呈現。

將loadXib方法加入到剛才override的事件之中，此時完整程式碼應該如下。

如此一來，你就能正常使用這個客製化View了。

可以直接在StoryBoard上面，加入一個View，並將Class設置為你的客製化View

 當然，你也可以使用Code產生這個View後在加入到當前頁面上。