Apple has introduced an awesome feature called IBInspectable and IBDesignable with xCode6, but few of people is using this a productive and awesome feature.
Let's start!
Let's start!
- IBInspectable: A property that provides access of user defined runtime attributes, so now you can update all user defined runtime attributes from "Attribute Inspector".
- By adding IBInspectable property in your file you can see that in Interface builder instantly.
- IBDesignable: This will notify the interface builder to render view in canvas live, no need to run and check borderWidth,cornerRadius etc.
- IBInspectable,
- Currently these types are supported as IBInspectable.
- CGFloat
- CGRect
- CGPoint
- CGSize
- UIImage
- UIColor
- Int
- Bool
- Double
- String
2. IBDesignable,
- In Swift adding @IBDesignable keyword before class declaration does everything to render view live on Interface Builder,
Use it:
- Create UIView subclass and add this below code there.
CustomView.swift
import UIKit
import UIKit
@IBDesignable
class CustomView: UIView {
@IBInspectable var cornerRadius: CGFloat = 0{
didSet{
layer.cornerRadius = cornerRadius
layer.masksToBounds = cornerRadius > 0
}
}
@IBInspectable var borderWidth: CGFloat = 0{
didSet{
layer.borderWidth = borderWidth
}
}
@IBInspectable var borderColor: UIColor?{
didSet{
layer.borderColor = borderColor!.CGColor
}
}
@IBInspectable var layerBackgroundColor: UIColor?{
didSet{
layer.backgroundColor = layerBackgroundColor?.CGColor
}
}
}
- Here didSet is Swift property observer and called whenever a value changes.
- Now, go to your storyboard or xib and add one UIView object
- Then go to file inspector of UIView and add class name "CustomView"
- Now go to Attribute inspector and see IBInspectable and IBDesignable in action.
