Xcode 6之後Apple為Xcode帶來了"Live Rendering",能夠在Design time(設計階段),即時顯示客製化的東西(只限UIView及其Sub class)

步驟:

1.先做好客製化元件(use .xib or storyboard)

2.建立一個用來載入可共用的客製化元件的Loader (class Loader: UIView)

3.ViewLoader上加入@IBDesignable來啟用Live Rendering功能

4.override 兩個 init 建構子(Design time 會去呼叫Parameter為 frame那個init)

5.使用條件式編譯如果是TARGET_INTERFACE_BUILDER,NSBundle需要使用self.dynamicType,否則Design time會出現error(在bundle中找不到指定的view)

6.addSubView

7.在需要使用的地方,拉一個UIView後,套一個ViewLoader的class 即可

 

ViewLoader

 

(成功顯示客製化的UI畫面)

 

(專案目錄結構)

 

從無到有Demo:

 

 

Github

 

 

參考資料:

https://developer.apple.com/library/ios/recipes/xcode_help-IB_objects_media/Chapters/CreatingaLiveViewofaCustomObject.html

Xcode 6 Live Rendering from nib

http://www.jianshu.com/p/a5351d270ac1/comments/3261893

 

 

arrow
arrow
    全站熱搜

    小賢 發表在 痞客邦 留言(0) 人氣()