La mejor manera de cambiar el color de fondo para un NSView

Estoy buscando la mejor manera de cambiar el backgroundColorde un NSView. También me gustaría poder establecer la alphamáscara adecuada para NSView. Algo como:

myView.backgroundColor = [NSColor colorWithCalibratedRed:0.227f 
                                                   green:0.251f 
                                                    blue:0.337 
                                                   alpha:0.8];

Noto que NSWindowtiene este método, y no soy un gran fan de los NSColorWheelu NSImageopciones de fondo, pero si son los mejores, dispuestos a utilizar.

Sí, tu propia respuesta fue correcta. También puede usar los métodos de cacao:

- (void)drawRect:(NSRect)dirtyRect {
    // set any NSColor for filling, say white:
    [[NSColor whiteColor] setFill];
    NSRectFill(dirtyRect);
    [super drawRect:dirtyRect];
}

En Swift:

class MyView: NSView {

    override func draw(_ dirtyRect: NSRect) {
        super.draw(dirtyRect)

        // #1d161d
        NSColor(red: 0x1d/255, green: 0x16/255, blue: 0x1d/255, alpha: 1).setFill()
        dirtyRect.fill()
    }

}

Una solución fácil y eficiente es configurar la vista para usar una capa Core Animation como su almacén de respaldo. Luego puede usar -[CALayer setBackgroundColor:]para establecer el color de fondo de la capa.

- (void)awakeFromNib {
   self.wantsLayer = YES;  // NSView will create a CALayer automatically
}

- (BOOL)wantsUpdateLayer {
   return YES;  // Tells NSView to call `updateLayer` instead of `drawRect:`
}

- (void)updateLayer {
   self.layer.backgroundColor = [NSColor colorWithCalibratedRed:0.227f 
                                                          green:0.251f 
                                                           blue:0.337 
                                                          alpha:0.8].CGColor;
}

¡Eso es!

Si eres un amante del guión gráfico, esta es una forma en que no necesitas ninguna línea de código .

Añadir NSBox como una subvista a NSView y ajuste el marco de NSBox de la misma manera con NSView.

En Storyboard o XIB, cambie la posición del título a Ninguno, el tipo de cuadro a Personalizado , el Tipo de a "Ninguno" y el Color del borde a lo que desee.

Aquí hay una captura de pantalla:

Este es el resultado:

Si primero estableceWantsLayer en YES, puede manipular directamente el fondo de la capa.

[self.view setWantsLayer:YES];
[self.view.layer setBackgroundColor:[[NSColor whiteColor] CGColor]];

Creo que descubrí cómo hacerlo:

- (void)drawRect:(NSRect)dirtyRect {
    // Fill in background Color
    CGContextRef context = (CGContextRef) [[NSGraphicsContext currentContext] graphicsPort];
    CGContextSetRGBFillColor(context, 0.227,0.251,0.337,0.8);
    CGContextFillRect(context, NSRectToCGRect(dirtyRect));
}

Revisé todas estas respuestas y ninguna de ellas funcionó para mí desafortunadamente. Sin embargo, encontré esta forma extremadamente simple, después de aproximadamente una hora de búsqueda :)

myView.layer.backgroundColor = CGColorCreateGenericRGB(0, 0, 0, 0.9);

editar / actualizar: Xcode 8.3.1 • Swift 3.1

extension NSView {
    var backgroundColor: NSColor? {
        get {
            guard let color = layer?.backgroundColor else { return nil }
            return NSColor(cgColor: color)
        }
        set {
            wantsLayer = true
            layer?.backgroundColor = newValue?.cgColor
        }
    }
}

uso:

let myView = NSView(frame: NSRect(x: 0, y: 0, width: 100, height: 100))
print(myView.backgroundColor ?? "none")     //  NSView's background hasn't been set yet = nil
myView.backgroundColor = .red               // set NSView's background color to red color
print(myView.backgroundColor ?? "none")
view.addSubview(myView)

Mejor solución :

- (id)initWithFrame:(NSRect)frame
{
    self = [super initWithFrame:frame];
    if (self)
    {
        self.wantsLayer = YES;
    }
    return self;
}

- (void)awakeFromNib
{
    float r = (rand() % 255) / 255.0f;
    float g = (rand() % 255) / 255.0f;
    float b = (rand() % 255) / 255.0f;

    if(self.layer)
    {
        CGColorRef color = CGColorCreateGenericRGB(r, g, b, 1.0f);
        self.layer.backgroundColor = color;
        CGColorRelease(color);
    }
}

En Swift:

override func drawRect(dirtyRect: NSRect) {

    NSColor.greenColor().setFill()
    NSRectFill(dirtyRect)

    super.drawRect(dirtyRect)
}

Use NSBox, que es una subclase de NSView, que nos permite diseñar fácilmente

Swift 3

let box = NSBox()
box.boxType = .custom
box.fillColor = NSColor.red
box.cornerRadius = 5

Sin duda la forma más fácil, también compatible con los Activos de conjunto de colores:

Rápido :

view.setValue(NSColor.white, forKey: "backgroundColor")

Objetivo-C :

[view setValue: NSColor.whiteColor forKey: "backgroundColor"];

Interface Builder :

Agregar un atributo definido por el usuario backgroundColor en el generador de interfaces, de tipo NSColor.

Probé lo siguiente y funcionó para mí (en Swift):

view.wantsLayer = true
view.layer?.backgroundColor = NSColor.blackColor().colorWithAlphaComponent(0.5).CGColor

En Swift 3, puede crear una extensión para hacerlo:

extension NSView {
    func setBackgroundColor(_ color: NSColor) {
        wantsLayer = true
        layer?.backgroundColor = color.cgColor
    }
}

// how to use
btn.setBackgroundColor(NSColor.gray)

Echa un vistazo a RMSkinnedView . Puede establecer el color de fondo de NSView desde Interface Builder.

En Swift puedes subclasificar NSView y hacer esto

class MyView:NSView {
    required init?(coder: NSCoder) {
        super.init(coder: coder);

        self.wantsLayer = true;
        self.layer?.backgroundColor = NSColor.redColor().CGColor;
    }
}

Solo pequeña clase reutilizable (Swift 4.1)

class View: NSView {

   var backgroundColor: NSColor?

   convenience init() {
      self.init(frame: NSRect())
   }

   override func draw(_ dirtyRect: NSRect) {
      if let backgroundColor = backgroundColor {
         backgroundColor.setFill()
         dirtyRect.fill()
      } else {
         super.draw(dirtyRect)
      }
   }
}

// Usage
let view = View()
view.backgroundColor = .white

Simplemente configúrelo backgroundColoren la capa (después de respaldar la capa de vista).

view.wantsLayer = true
view.layer?.backgroundColor = CGColor.white

Esto admite cambiar la apariencia de todo el sistema (activar o desactivar el modo oscuro) mientras se ejecuta la aplicación. También puede establecer el color de fondo en Interface Builder, si primero establece la clase de la vista en BackgroundColorView.

class BackgroundColorView: NSView {
    @IBInspectable var backgroundColor: NSColor? {
        didSet { needsDisplay = true }
    }

    override init(frame frameRect: NSRect) {
        super.init(frame: frameRect)
        wantsLayer = true
    }

    required init?(coder decoder: NSCoder) {
        super.init(coder: decoder)
        wantsLayer = true
    }

    override var wantsUpdateLayer: Bool { return true }

    override func updateLayer() {
        layer?.backgroundColor = backgroundColor?.cgColor
    }
}