iOS8新特性IBDesignable

來源:互聯網
上載者:User

iOS8新特性IBDesignable
OS8新特性IBDesignable/IBInspectable,可以直接在XIB或者Storyboard中直接,設定UI類的屬性。例如:UIView.layer.borderWidth、borderColor、cornerRadius這些屬性在XIB上是不能直接設定的,但是IBDesignable/IBInspectable,利用運行時機制,就可以把這些屬性對應到XIB上了,同時我們UI類的自訂屬性也可以映射上去。關於過多的解釋我就不多說了可以看看Nate Cook撰寫的。 以UIView的子類為例: Swift IBDesignable/IBInspectable 首先我們得建一個ViewSwift類,View繼承自UIView,選擇Swift語言。 

@IBDesignableclass View: UIView {        @IBInspectable var cornerRadius: CGFloat = 0.0 {        didSet {            layer.cornerRadius = cornerRadius            layer.masksToBounds = true        }    }    @IBInspectable var borderColor: UIColor = UIColor() {        didSet {            layer.borderColor = borderColor.CGColor        }    }    @IBInspectable var borderWidth: CGFloat = 0.0 {        didSet {            layer.borderWidth = borderWidth        }    }}

 

然後在XIB或Storyboard裡面,拖一個UIView上去,把class改成自己定義的View 然後點擊旁邊的屬性編輯,就可以看到我們動態載入上去的屬性,直接修改就可以了,XIB上的View也會跟隨變化。 我們就可以看到一個UIView的子類變成了這樣  Objective-C IBDesignable/IBInspectable 建一個ViewOC類,ViewOC繼承自UIView,選擇Objective-C語言,在.h裡面聲明屬性 @property (nonatomic, assign)IBInspectable CGFloat cornerRadius;@property (nonatomic, assign)IBInspectable CGFloat bwidth;@property (nonatomic, assign)IBInspectable UIColor *bcolor;注意:IBInspectable修飾的位置。 然後再.m檔案裡面,@implementation前面用IB_DESIGNABLE修飾。 IB_DESIGNABLE@implementation ViewOC然後再set方法裡面去賦值就OK了,如下: 
- (void)setCornerRadius:(CGFloat)cornerRadius{    _cornerRadius = cornerRadius;    self.layer.cornerRadius  = _cornerRadius;    self.layer.masksToBounds = YES;}- (void)setBcolor:(UIColor *)bcolor{    _bcolor = bcolor;    self.layer.borderColor = _bcolor.CGColor;}- (void)setBwidth:(CGFloat)bwidth {    _bwidth = bwidth;    self.layer.borderWidth = _bwidth;}

 

效果跟上面Swift是一樣的,如果有疑問和建議,歡迎指導和提問。  

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.