2016年9月14日 星期三

[Objective-C] 使用xib來製作客製化的View

有時候你會需要一些客製化的View,你可以繼承UIView,在使用程式碼來刻出你想要的樣子。

但是實在不夠直覺,你可以試著使用xib來達成這個需求。

首先我們先創建一個繼承自UIView的檔案,名為MyView。

接著我們也創建一個名為MyView的xib檔。




















接著我們點選我們的xib檔,並選擇File's Owner,

設定Custom Class為我們的MyView













此時你可以在xib上面加入一些元件,也可以進行IBAction與IBOutlet的相關設定了。

接著,你必須到MyView.m檔裡面加入一些程式碼。

我們可以透過快速輸入來產生程式碼的架構,

我們選擇initWithCoder。





















用拖曳的形式加入到你的程式碼之中,此時你的程式碼長得像這個樣子。










接著將你的程式碼改成這個樣子



如此一來你的xibView就會在MyView載入的時候,也加入到裡面去,

這麼一來你就可以很方便的透過視覺化介面來拉屬於你的View。

最後只需要簡單的在VC上面加入一個UIView,並指定Class為MyView就可以了。