iOS 使用IBInspectable和IBDesignable

示例

IBInspectable属性和IBDesignable UIViews是最近Xcode发行版中最酷的一项（或两项）新功能。这些与您的应用程序功能无关，而会影响Xcode中的开发人员体验。目的是能够在不运行iOS的情况下直观地检查自定义视图。因此，假设您有一个自定义视图CustomView，该视图创造性地命名自，继承自UIView。在此自定义视图中，它将显示具有指定颜色的文本字符串。您也可以选择不显示任何文本。我们需要三个属性：

var textColor: UIColor = UIColor.blackColor()
var text: String?
var showText: Bool = true

然后，我们可以覆盖drawRect该类中的函数：

if showText {
    if let text = text {
        let s = NSString(string: text)
        s.drawInRect(rect,
            withAttributes: [
                NSForegroundColorAttributeName: textColor,
                NSFontAttributeName: UIFont(name: "Helvetica Neue", size: 18)!
            ])
    }
}

假设text已设置该属性，则在运行应用程序时，它将在视图的左上角绘制一个字符串。问题是如果不运行该应用程序，我们将不知道它是什么样。这是IBInspectable和IBDesignable进来，  IBInspectable使我们能够在Xcode视图的视觉组属性值，就像内置的控制。  IBDesignable将在情节提要中向我们显示视觉预览。这是该类的外观：

@IBDesignable
class CustomView: UIView {
    @IBInspectable var textColor: UIColor = UIColor.blackColor()
    @IBInspectable var text: String?
    @IBInspectable var showText: Bool = true

    override func drawRect(rect: CGRect) {
        // ...
    }
}

或在目标C中：

IB_DESIGNABLE
@interface CustomView: UIView

@property (nonatomic, strong) IBInspectable UIColor* textColor;
@property (nonatomic, strong) IBInspectable NSString* text;
@property (nonatomic, assign) IBInspectable BOOL showText;

@end

@implementation CustomView

- (instancetype)init {
    if(self = [super init]) {
       self.textColor= [UIColor blackColor];
       self.showText= YES;
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    //...
}

@end

下一个屏幕截图显示了Xcode中发生的情况。第一个是添加修订的类后发生的情况。请注意，这三个属性有三个新的UI元素。“文本颜色”将显示一个颜色选择器，“文本”只是一个输入框，“显示文本”将为我们提供Off和的选项，分别On是false和true。

接下来是使用颜色选择器将“文本颜色”更改为红色之后。此外，还提供了一些文本来使drawRect函数显示它。请注意，Interface Builder中的视图也已更新。

最后，在属性检查器中将“显示文本”设置为Off会使“界面生成器”中的文本显示消失。

但是，当我们需要UIView在您的多个视图中创建四舍五入时，我们都会遇到这种情况。Storyboard与其声明IBDesignable每个视图Storyboard，不如创建一个ExtensionofUIView并为您的UIView整个项目建立一个专门为您创建的用户界面，都更好通过radius.A在您在情节提要中创建的任何UIView上设置可配置的角边界半径来查看。

extension UIView {
    
    @IBInspectable var cornerRadius:CGFloat {
        set {
           layer.cornerRadius= newValue
            clipsToBounds = newValue > 0
        }
        get {
            return layer.cornerRadius
        }
    }
    
}