Il modo migliore per cambiare il colore di sfondo per un NSView

Sto cercando il modo migliore per cambiare il backgroundColordi un NSView. Mi piacerebbe anche essere in grado di impostare la alphamaschera appropriata per il NSView. Qualcosa di simile a:

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

Ho notato che NSWindowha questo metodo e non sono un grande fan delle opzioni di background NSColorWheelo NSImage, ma se sono le migliori, disposte a usare.

Sì, la tua risposta era giusta. Puoi anche usare i metodi di cacao:

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

In 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 soluzione semplice ed efficiente consiste nel configurare la vista in modo da utilizzare un livello di animazione principale come archivio di supporto. Quindi puoi usare -[CALayer setBackgroundColor:]per impostare il colore di sfondo del livello.

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

Questo è tutto!

Se sei un amante dello storyboard, ecco un modo in cui non hai bisogno di nessuna riga di codice .

Aggiungi NSBoxcome sottoview a NSView e regola il frame di NSBox allo stesso modo con NSView.

In Storyboard o XIB cambia la posizione del titolo in Nessuno, Tipo di casella in Personalizzata , Tipo di bordo in "Nessuno" e Colore del bordo come preferisci.

Ecco uno screenshot:

Questo è il risultato:

Se si imposta prima WantsLayer su YES, è possibile modificare direttamente lo sfondo del livello.

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

Penso di aver capito come farlo:

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

Ho esaminato tutte queste risposte e nessuna di esse ha funzionato purtroppo per me. Tuttavia, ho trovato questo modo estremamente semplice, dopo circa un'ora di ricerche:)

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

modifica / aggiorna: 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
        }
    }
}

utilizzo:

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)

Soluzione migliore :

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

In Swift:

override func drawRect(dirtyRect: NSRect) {

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

    super.drawRect(dirtyRect)
}

Usa NSBox, che è una sottoclasse di NSView, che ci consente di modellare facilmente

Swift 3

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

Senza dubbio il modo più semplice, compatibile anche con le risorse Color Set:

Veloce :

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

Obiettivo-C :

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

Interface Builder :

Aggiungere un attributo definito dall'utente backgroundColornel builder di interfaccia, di tipo NSColor.

Ho provato quanto segue e ha funzionato per me (in Swift):

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

In Swift 3, puoi creare un'estensione per farlo:

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

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

Dai un'occhiata a RMSkinnedView . È possibile impostare il colore di sfondo di NSView da Interface Builder.

In breve tempo puoi sottoclassare NSView e farlo

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

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

Solo una piccola classe riutilizzabile (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 impostare backgroundColorsul livello (dopo aver eseguito il backup del livello di visualizzazione).

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

Ciò supporta la modifica dell'aspetto a livello di sistema (attivazione o disattivazione della modalità oscura) mentre l'applicazione è in esecuzione. È inoltre possibile impostare il colore di sfondo in Interface Builder, se si imposta prima la classe della vista su 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
    }
}