纹理NSWindow背景渐变

时间:2015-08-30 22:57:28

标签: swift background gradient nswindow nsgradient

我正在尝试生成自己的纹理NSWindow,因此它显示出与默认金属出现的渐变不同的渐变。

到目前为止,我已经将NSWindow子类化,但没有成功,如下所示。

import Cocoa

class PSWindow: NSWindow {

    override init(contentRect: NSRect, styleMask aStyle: Int, backing bufferingType: NSBackingStoreType, defer flag: Bool) {
        super.init(contentRect: contentRect, styleMask: aStyle, backing: bufferingType, defer: flag)

        let gradient: NSGradient = NSGradient(startingColor: NSColor(red: 48 / 255, green: 35 / 255, blue: 174 / 255, alpha: 1), endingColor: NSColor(red: 200 / 255, green: 109 / 255, blue: 215 / 255, alpha: 1))

        gradient.drawInRect(contentRect, angle: 45)
    }
}

我是否以正确的方式解决这个问题?

1 个答案:

答案 0 :(得分:2)

NSWindow是NSResponder的子类,你不应该在其中画画。

解决方案:

  1. 你应该覆盖" contentView"变量(自定义窗口子类)并将其图层设置为CAGradientLayer,您可以在" contentView"

  2. 的set方法中创建它
  3. 创建NSView的自定义子类,并将其设置为Storyboard / XIB中自定义窗口的视图。在视图中,您可以覆盖drawInRect或使用图层方法。

  4. 另请查看此处How to draw custom NSWindow

    快速脏代码如下

    import Cocoa
    
    class CustomWindow : NSWindow {
      override init(contentRect: NSRect, styleMask aStyle: Int, backing bufferingType: NSBackingStoreType, defer flag: Bool) {
        super.init(contentRect: contentRect, styleMask: aStyle, backing: bufferingType, defer: flag)
      }
    
      override var contentView: AnyObject {
        set {
          var view = newValue as! NSView
          view.wantsLayer = true
          let colorTop = NSColor(red: 48 / 255, green: 35 / 255, blue: 174 / 255, alpha: 1).CGColor
          let colorBottom = NSColor(red: 200 / 255, green: 109 / 255, blue: 215 / 255, alpha: 1).CGColor
          let gradient  = CAGradientLayer()
          gradient.colors = [ colorTop, colorBottom]
          gradient.locations = [ 0.0, 1.0]
          view.layer = gradient
          super.contentView = view
    
        }
        get {
          return super.contentView
        }
      }
    
      required init?(coder: NSCoder) {
          fatalError("init(coder:) has not been implemented")
      }
    
    }
    

    Window with background

    解决方案2:

    import Cocoa
    
    class CustomView : NSView {
    
      override func drawRect(dirtyRect: NSRect) {
        let colorTop = NSColor(red: 48 / 255, green: 35 / 255, blue: 174 / 255, alpha: 1)
        let colorBottom = NSColor(red: 200 / 255, green: 109 / 255, blue: 215 / 255, alpha: 1)
        let gradient = NSGradient(colors: [colorTop, colorBottom])
        gradient.drawInRect(dirtyRect, angle: 45)
      }
    }
    

    Solution2

    如果您需要自定义标题栏,请查看here。这需要做很多工作。

    PS:请记住,实际绘图是在NSView中完成的