Ändern NSSlider bar Farbe

Question

Ich habe ein NSWindow und ein horizontales NSSlider.

Ich möchte die Farbe des rechten Teils des Schiebereglers ändern, wenn sich die Hintergrundfarbe des Fensters ändert.

Derzeit ist der rechte Teil der Bar nicht mehr sichtbar, wenn das Fenster Hintergrund dunkel ist.

Hinweis: Der Fensterhintergrund ist eigentlich ein Farbverlauf, den ich zeichne, indem ich drawRect in einer Unterklasse der Fensteransicht überschreibe.

Ich dachte, ich könnte den Schieberegler Füllfarbe ändern NSSliderCell von Subklassen und überschreiben eine Methode wie drawBarInside aber ich verstehe nicht, wie es funktioniert: soll ich ein kleines quadratisches Bild machen und es immer wieder in der rect nach der Auslosung Knopf? Oder vielleicht einfach eine farbige Linie zeichnen? Ich habe das noch nie zuvor gemacht.

Ich habe mir this question angesehen und es ist interessant, aber es geht darum, den Knopf zu zeichnen und ich brauche das jetzt nicht.

Ich hatte auch einen Blick auf this one die sehr vielversprechend schien, aber wenn ich versuche, diesen Code bar mein Schieber verschwindet zu imitieren nur ...

In this question sie drawWithFrame verwenden und es sieht interessant, aber wieder bin ich nicht sicher, wie es funktioniert.

Ich möchte dies mit meinem eigenen Code tun, anstatt eine Bibliothek zu verwenden. Könnte mir bitte jemand einen Hinweis geben, wie man das macht? :)

Ich mache das in Swift, aber ich kann Objective-C bei Bedarf lesen/verwenden.

Answer 1

Das ist richtig, müssen Sie die NSSliderCell Klasse Unterklasse zu ziehen Sie die Bar oder die Knopf.

NSRect ist nur ein rechteckiger Container, den Sie in diesem Container zeichnen müssen. Ich habe ein Beispiel basierend auf einer benutzerdefinierten NSLevelIndicator gemacht, die ich in einem meiner Programme habe.

Zuerst müssen Sie die Position des Knopfes berechnen. Sie müssen auf den minimalen und maximalen Kontrollwert achten. Als nächstes zeichnen Sie eine NSBezierPath für den Hintergrund und eine andere für den linken Teil.

#import "MyCustomSlider.h" 

@implementation MyCustomSlider 

- (void)drawBarInside:(NSRect)rect flipped:(BOOL)flipped { 

// [super drawBarInside:rect flipped:flipped]; 

    rect.size.height = 5.0; 

    // Bar radius 
    CGFloat barRadius = 2.5; 

    // Knob position depending on control min/max value and current control value. 
    CGFloat value = ([self doubleValue] - [self minValue])/([self maxValue] - [self minValue]); 

    // Final Left Part Width 
    CGFloat finalWidth = value * ([[self controlView] frame].size.width - 8); 

    // Left Part Rect 
    NSRect leftRect = rect; 
    leftRect.size.width = finalWidth; 

    NSLog(@"- Current Rect:%@ \n- Value:%f \n- Final Width:%f", NSStringFromRect(rect), value, finalWidth); 

    // Draw Left Part 
    NSBezierPath* bg = [NSBezierPath bezierPathWithRoundedRect: rect xRadius: barRadius yRadius: barRadius]; 
    [NSColor.orangeColor setFill]; 
    [bg fill]; 

    // Draw Right Part 
    NSBezierPath* active = [NSBezierPath bezierPathWithRoundedRect: leftRect xRadius: barRadius yRadius: barRadius]; 
    [NSColor.purpleColor setFill]; 
    [active fill]; 


} 

@end 

Answer 2

Zuerst erstellte ich ein Bild von einem Schieberegler und kopierte es in meinem Projekt.

Dann habe ich dieses Bild in den drawBarInside Verfahren in der Bar zu ziehen rectvor die normalen, so dass wir nur den Rest Teil (ich wollte halte den blauen Teil intakt) sehen.

Dies muss in einer Unterklasse von NSSliderCell erfolgen:

class CustomSliderCell: NSSliderCell { 

    let bar: NSImage 

    required init(coder aDecoder: NSCoder) { 
     self.bar = NSImage(named: "bar")! 
     super.init(coder: aDecoder) 
    } 

    override func drawBarInside(aRect: NSRect, flipped: Bool) { 
     var rect = aRect 
     rect.size = NSSize(width: rect.width, height: 3) 
     self.bar.drawInRect(rect) 
     super.drawBarInside(rect, flipped: flipped) 
    } 

} 

Pro: es funktioniert. :)

Con: Es entfernt die abgerundeten Kanten der Bar und ich habe noch keinen Weg gefunden, dies neu zu zeichnen.

UPDATE:

Ich habe eine Swift-Version der akzeptierte Antwort, es funktioniert sehr gut:

class CustomSliderCell: NSSliderCell { 

    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override func drawBarInside(aRect: NSRect, flipped: Bool) { 
     var rect = aRect 
     rect.size.height = CGFloat(5) 
     let barRadius = CGFloat(2.5) 
     let value = CGFloat((self.doubleValue - self.minValue)/(self.maxValue - self.minValue)) 
     let finalWidth = CGFloat(value * (self.controlView!.frame.size.width - 8)) 
     var leftRect = rect 
     leftRect.size.width = finalWidth 
     let bg = NSBezierPath(roundedRect: rect, xRadius: barRadius, yRadius: barRadius) 
     NSColor.orangeColor().setFill() 
     bg.fill() 
     let active = NSBezierPath(roundedRect: leftRect, xRadius: barRadius, yRadius: barRadius) 
     NSColor.purpleColor().setFill() 
     active.fill() 
    } 

}