Der beste Weg, um die Hintergrundfarbe für eine NSView zu ändern

Ich bin auf der Suche nach dem besten Weg, um die Änderung backgroundColoreines NSView. Ich möchte auch in der Lage sein, die entsprechende alphaMaske für die einzustellen NSView. Etwas wie:

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

Ich stelle fest, dass NSWindowes diese Methode gibt, und ich bin kein großer Fan der NSColorWheeloder NSImageHintergrundoptionen, aber wenn sie die besten sind, bereit zu verwenden.

Ja, deine eigene Antwort war richtig. Sie können auch Kakaomethoden verwenden:

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

}

Eine einfache und effiziente Lösung besteht darin, die Ansicht so zu konfigurieren, dass eine Kernanimationsebene als Hintergrundspeicher verwendet wird. Anschließend können Sie -[CALayer setBackgroundColor:]die Hintergrundfarbe der Ebene festlegen.

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

Das ist es!

Wenn Sie ein Storyboard-Liebhaber sind, benötigen Sie auf diese Weise keine Codezeile .

Fügen NSBoxSie NSView als Unteransicht hinzu und passen Sie den Rahmen von NSBox wie bei NSView an.

Ändern Sie in Storyboard oder XIB die Titelposition in Keine, den Feldtyp in Benutzerdefiniert , den Randtyp in "Keine" und die Rahmenfarbe nach Belieben.

Hier ist ein Screenshot:

Das ist das Ergebnis:

Wenn Sie WantsLayer zuerst auf YES setzen, können Sie den Ebenenhintergrund direkt bearbeiten.

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

Ich glaube, ich habe herausgefunden, wie es geht:

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

Ich habe all diese Antworten durchgesehen und leider hat keine für mich funktioniert. Nach ungefähr einer Stunde Suche fand ich diesen extrem einfachen Weg jedoch :)

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

Bearbeiten / Aktualisieren: 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
        }
    }
}

Verwendung:

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)

Beste Lösung :

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

Verwenden Sie NSBox, eine Unterklasse von NSView, mit der wir problemlos stylen können

Swift 3

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

Ohne Zweifel der einfachste Weg, auch kompatibel mit Color Set Assets:

Swift :

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

Ziel-C :

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

Interface Builder :

Fügen Sie backgroundColorim Interface Builder ein benutzerdefiniertes Attribut vom Typ hinzu NSColor.

Ich habe Folgendes getestet und es hat bei mir funktioniert (in Swift):

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

In Swift 3 können Sie dazu eine Erweiterung erstellen:

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

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

Schauen Sie sich RMSkinnedView an . Sie können die Hintergrundfarbe von NSView in Interface Builder festlegen.

In Swift können Sie NSView unterordnen und dies tun

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

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

Nur kleine wiederverwendbare Klasse (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

Legen Sie einfach backgroundColordie Ebene fest (nachdem Sie die Ansichtsebene gesichert haben).

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

Dies unterstützt das Ändern des systemweiten Erscheinungsbilds (Ein- oder Ausschalten des Dunkelmodus), während die Anwendung ausgeführt wird. Sie können die Hintergrundfarbe auch im Interface Builder festlegen, wenn Sie die Klasse der Ansicht zuerst auf BackgroundColorView festlegen.

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