IB_DESIGNABLE 类未在 Interface Builder 上呈现

Question

这是我第一次在 Xcode 上使用 IB_DESIGNABLE。

我有这个类来为 NSView 添加颜色。

标题

#import <Cocoa/Cocoa.h>


IB_DESIGNABLE @interface NSViewComCor : NSView

@property (nonatomic, weak) IBInspectable NSColor *backgroundColor;

@end

实施

#import "NSViewComCor.h"

@implementation NSViewComCor

@synthesize backgroundColor = _backgroundColor;

- (void)awakeFromNib {

  [super awakeFromNib];

  [self setWantsLayer:YES];
  self.backgroundColor = [NSColor whiteColor];  //default color
}

- (NSColor *) backgroundColor
{
  CGColorRef colorRef = self.layer.backgroundColor;
  return [NSColor colorWithCGColor:colorRef];
}

- (void) setBackgroundColor:(NSColor *)backgroundColor
{ // color should change when changed on interface builder inspectable color box
  self.layer.backgroundColor = backgroundColor.CGColor;
  _backgroundColor = backgroundColor;
}

即使使用 IB_DESIGNABLE，此类在界面生成器上也不会以正确的颜色呈现...为什么？

Answer 1

正如 WWDC 2014 "What's New in Interface Builder" 视频中指出的那样，您必须：

1. 创建框架。

2. 创建类。

3. 将视图标记为可设计（并将属性标记为可检查）。

4. 回到主项目，在Interface Builder中指定基类。

例如，我在项目中添加了一个新的“框架”目标，并在该框架中添加了以下NSView 子类源：

IB_DESIGNABLE @interface CustomView : NSView

@property (nonatomic, strong) IBInspectable NSColor *backgroundColor;

@end

和

@implementation CustomView

- (void)drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    [self.backgroundColor setFill];
    NSRectFill(dirtyRect);
}

@end

然后，当我回到我的主项目并尝试将这个 CustomView 添加为我的故事板上的子视图时，“背景颜色”是 IB“可检查的”，我可以看到立即在 IB 中呈现的颜色变化.