Cara terbaik untuk mengubah warna latar belakang untuk NSView

Saya mencari cara terbaik untuk mengubah backgroundColorsuatu NSView. Saya juga ingin dapat mengatur alphatopeng yang sesuai untuk NSView. Sesuatu seperti:

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

Saya perhatikan bahwa NSWindowmemiliki metode ini, dan saya bukan penggemar besar NSColorWheel, atau NSImageopsi latar belakang, tetapi jika mereka yang terbaik, bersedia untuk digunakan.

Ya, jawaban Anda sendiri benar. Anda juga bisa menggunakan metode Kakao:

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

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

}

Solusi mudah dan efisien adalah mengonfigurasi tampilan untuk menggunakan lapisan Core Animation sebagai backing store-nya. Kemudian Anda bisa menggunakan -[CALayer setBackgroundColor:]untuk mengatur warna latar belakang layer.

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

Itu dia!

Jika Anda seorang pencinta storyboard, berikut adalah cara Anda tidak perlu baris kode apa pun .

Menambahkan NSBox sebagai subview ke NSView dan sesuaikan frame NSBox dengan NSView.

Di Storyboard atau XIB ubah posisi Judul menjadi Tidak Ada, ketik Kotak menjadi Kustom , Jenis Perbatasan ke "Tidak Ada", dan warna Perbatasan ke apa pun yang Anda suka.

Ini screenshotnya:

Ini hasilnya:

Jika Anda mengaturWantsLayer ke YA terlebih dahulu, Anda dapat secara langsung memanipulasi lapisan latar belakang.

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

Pikir saya tahu bagaimana cara melakukannya:

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

Saya memeriksa semua jawaban ini dan sayangnya tidak ada yang bekerja untuk saya. Namun, saya menemukan cara yang sangat sederhana ini, setelah sekitar satu jam mencari:)

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

edit / perbarui: 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
        }
    }
}

pemakaian:

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)

Solusi terbaik :

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

Dalam Swift:

override func drawRect(dirtyRect: NSRect) {

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

    super.drawRect(dirtyRect)
}

Gunakan NSBox, yang merupakan subkelas dari NSView, memungkinkan kita untuk dengan mudah bergaya

Cepat 3

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

Tanpa ragu cara termudah, juga kompatibel dengan Color Set Assets:

Cepat :

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

Tujuan-C :

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

Pembuat Antarmuka :

Tambahkan atribut yang ditentukan pengguna backgroundColordi pembangun antarmuka, jenis NSColor.

Saya menguji yang berikut dan itu berhasil untuk saya (di Swift):

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

Di Swift 3, Anda dapat membuat ekstensi untuk melakukannya:

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

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

Lihatlah RMSkinnedView . Anda dapat mengatur warna latar belakang NSView dari dalam Interface Builder.

Dengan cepat Anda dapat mensubklasifikasikan NSView dan melakukan ini

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

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

Kelas reusable yang kecil (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

Cukup atur backgroundColorpada layer (setelah membuat tampilan layer didukung).

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

Ini mendukung perubahan tampilan seluruh sistem (menghidupkan atau mematikan mode gelap) saat aplikasi sedang berjalan. Anda juga dapat mengatur warna latar belakang di Interface Builder, jika Anda mengatur kelas tampilan ke BackgroundColorView terlebih dahulu.

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