La meilleure façon de changer la couleur de l'arrière-plan pour un NSView

je cherche la meilleure façon de changer le backgroundColor d'un NSView . J'aimerais aussi pouvoir régler le masque approprié alpha pour le NSView . Quelque chose comme:

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

je remarque que NSWindow a cette méthode, et je ne suis pas un grand fan des options de fond NSColorWheel , ou NSImage , mais si elles sont les meilleures, prêtes à utiliser.

131
demandé sur Leo Dabus 2010-06-03 05:25:26

15 réponses

Oui, votre réponse était juste. Vous pouvez également utiliser les méthodes de cacao:

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

Dans Swift:

class MyView: NSView {

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

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

}
122
répondu mohsenr 2018-06-16 09:14:32

une solution simple et efficace consiste à configurer la vue pour qu'elle utilise une couche D'Animation centrale comme support. Ensuite ,vous pouvez utiliser -[CALayer setBackgroundColor:] pour définir la couleur de fond de la couche.

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

C'est ça!

108
répondu loretoparisi 2016-06-06 23:51:33

si vous êtes un amoureux du storyboard, voici une façon que vous n'ont pas besoin d'une ligne de code .

ajouter NSBox comme sous-vue de NSView et ajuster le cadre de NSBox comme le même avec NSView.

Dans la table de montage ou de XIB changer le Titre de la position à Aucun, type de Boîte de Personnalisé , Type de Bordure à "None", et la couleur de la Bordure que vous voulez.

voici un capture d'écran:

enter image description here

C'est le résultat:

enter image description here

56
répondu JZAU 2016-04-19 01:36:39

si vous mettez wantslayer à YES first, vous pouvez directement manipuler le fond de la couche.

[self.view setWantsLayer:YES];
[self.view.layer setBackgroundColor:[[NSColor whiteColor] CGColor]];
28
répondu Gabriel 2015-01-15 00:10:25

Pense que j'ai compris comment le faire:

- (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));
}
26
répondu BadPirate 2011-02-21 18:09:47

j'ai passé en revue toutes ces réponses et aucune d'elles n'a malheureusement fonctionné pour moi. Cependant, j'ai trouvé cela extrêmement simple, après environ une heure de recherche : )

myView.layer.backgroundColor = CGColorCreateGenericRGB(0, 0, 0, 0.9);
21
répondu greenhouse 2018-02-12 21:01:29

modifier / mettre à jour: 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
        }
    }
}

utilisation:

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)
20
répondu Leo Dabus 2017-04-18 17:16:13

Meilleure Solution:

- (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);
    }
}
7
répondu Nagaraj 2013-09-30 09:52:02

Dans Swift:

override func drawRect(dirtyRect: NSRect) {

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

    super.drawRect(dirtyRect)
}
5
répondu Ixx 2015-04-05 09:51:48

j'ai testé ce qui suit et cela a fonctionné pour moi (à Swift):

view.wantsLayer = true
view.layer?.backgroundColor = NSColor.blackColor().colorWithAlphaComponent(0.5).CGColor
3
répondu Tyler Long 2015-05-17 01:55:31

dans Swift 3, vous pouvez créer une extension pour le faire:

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

// how to use
btn.setBackgroundColor(NSColor.gray)
3
répondu Kaiyuan Xu 2016-12-11 05:49:21

utiliser NSBox, qui est une sous-classe de NSView, nous permettant de facilement style

Swift 3

let box = NSBox()
box.boxType = .custom
box.fillColor = NSColor.red
box.cornerRadius = 5
3
répondu onmyway133 2017-03-06 22:31:14

regarder RMSkinnedView . Vous pouvez définir la couleur de fond de NSView à partir de l'Interface Builder.

1
répondu Raffael 2013-08-08 15:07:08

dans swift, vous pouvez sous-classe NSView et faire ceci

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

        self.wantsLayer = true;
        self.layer?.backgroundColor = NSColor.redColor().CGColor;
    }
}
1
répondu Chad Scira 2015-08-21 06:45:41

juste petite classe réutilisable (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
1
répondu Vlad 2018-01-29 21:56:32