Melhor maneira de alterar a cor de fundo de um NSView

Eu estou procurando a melhor maneira de mudar o backgroundColorde um NSView. Eu também gostaria de poder definir a alphamáscara apropriada para o arquivo NSView. Algo como:

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

Percebo que NSWindowtem esse método, e não sou um grande fã das opções de plano de fundo NSColorWheelou NSImage, mas se elas são as melhores, estão dispostas a usar.

Sim, sua própria resposta estava certa. Você também pode usar os métodos de cacau:

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

Em 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()
    }

}

Uma solução fácil e eficiente é configurar a exibição para usar uma camada Core Animation como armazenamento de suporte. Em seguida, você pode usar -[CALayer setBackgroundColor:]para definir a cor de fundo da camada.

- (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;
}

É isso aí!

Se você é um amante de storyboard, aqui está uma maneira de não precisar de nenhuma linha de código .

Adicione NSBoxcomo uma subvisão ao NSView e ajuste o quadro do NSBox da mesma forma com o NSView.

No Storyboard ou no XIB, altere a posição do Título para Nenhum, Tipo de caixa para Personalizado , Tipo de borda para "Nenhum" e Cor da borda para o que você quiser.

Aqui está uma captura de tela:

Este é o resultado:

Se você definir WantsLayer como YES primeiro, poderá manipular diretamente o plano de fundo da camada.

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

Acho que descobri como fazê-lo:

- (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));
}

Passei por todas essas respostas e nenhuma delas funcionou para mim, infelizmente. No entanto, achei essa maneira extremamente simples, após cerca de uma hora de pesquisa:)

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

editar / atualizar: 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)

Melhor solução :

- (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);
    }
}

Em Swift:

override func drawRect(dirtyRect: NSRect) {

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

    super.drawRect(dirtyRect)
}

Use o NSBox, que é uma subclasse do NSView, permitindo estilizar facilmente

Swift 3

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

Sem dúvida a maneira mais fácil, também compatível com os ativos de conjunto de cores:

Swift :

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

Objetivo-C :

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

Construtor de interface :

Adicionar um atributo definido pelo usuário backgroundColorno construtor de interface, do tipo NSColor.

Testei o seguinte e funcionou para mim (no Swift):

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

No Swift 3, você pode criar uma extensão para fazer isso:

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

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

Dê uma olhada no RMSkinnedView . Você pode definir a cor de fundo do NSView no Interface Builder.

No Swift, você pode subclassificar o NSView e fazer isso

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

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

Apenas uma pequena classe reutilizável (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

Basta definir backgroundColorna camada (depois de fazer a camada de visualização recuar).

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

Isso suporta a alteração da aparência em todo o sistema (ativar ou desativar o modo escuro) enquanto o aplicativo está em execução. Você também pode definir a cor do plano de fundo no Interface Builder, se definir a classe da exibição como BackgroundColorView primeiro.

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
    }
}