【问题标题】:How to set color of NSView in Cocoa App using Swift?如何使用 Swift 在 Cocoa App 中设置 NSView 的颜色?
【发布时间】:2017-09-07 10:36:36
【问题描述】:

我曾经为 iOS 开发,我不明白为什么我不能在主视图中轻松更改 NSViews 的背景颜色。

假设我有一个视图控制器,其中包含一个主视图。在这个视图中,我添加了 3 个自定义视图,并设置了它们的约束以适应主视图。

我为我的视图控制器创建了 3 个出口:

@IBOutlet weak var topView: NSView!
@IBOutlet weak var leftView: NSView!
@IBOutlet weak var rightView: NSView!

之后,我正在尝试设置这些视图的背景,但无法执行此操作。运行应用程序时,我没有看到任何颜色变化。

这是我为自定义视图显示颜色而添加的代码:

override func viewDidLoad() {
        super.viewDidLoad()

        self.view.wantsLayer = true

        self.topView.layer?.backgroundColor = NSColor.blue.cgColor
        self.rightView.layer?.backgroundColor = NSColor.green.cgColor
        self.leftView.layer?.backgroundColor = NSColor.yellow.cgColor
    }

它什么也没显示(我的视图上没有背景颜色):

我不明白为什么这段代码不起作用。为什么设置NSView 的颜色如此困难(而在iOS 开发中却如此简单)?我正在使用 Xcode 8 并使用 Swift 3 编写代码。

【问题讨论】:

  • 这不是改变底层视图背景颜色的好方法。根据背景颜色和文本颜色,NSTextField 标签的文本可能会模糊。
  • 有什么好办法?

标签: swift macos cocoa nsview


【解决方案1】:

您应该将wantsLayer 设置为true 用于您的子视图,而不是您的超级视图。

self.topView.wantsLayer = true
self.rightView.wantsLayer = true
self.leftView.wantsLayer = true

【讨论】:

  • 天哪,太容易了。谢谢,在 10 分钟内我会接受这个作为正确答案。顺便说一句,这是改变 NSViews 颜色的唯一方法吗?
  • @Adelmaer 这是最简单的方法。您可以编写一个扩展来为您执行此操作,只需一行。详情here.
  • 哦,很棒的链接,谢谢,顺便说一句,这很奇怪,但是当我为 Swift 3 实现扩展解决方案并按下运行时,它并不是在每次运行时都显示颜色。所以我添加了 DispatchQueue.main.async 来设置,之后它开始在每次运行时显示颜色。
【解决方案2】:

图层方法很方便,但它会产生一个可怕的问题,除非你有一个非常黑暗的背景再次明亮的文本颜色(反之亦然......我不记得哪个是哪个了。)对于 NSTextField标签。与 Cocoa Touch 不同,它可以让你改变 UIView 对象的背景颜色,不幸的是,你必须在 Cocoa 中继承 NSView 的子类,如下所示。

import Cocoa

class RedView: NSView {
    override func draw(_ rect: NSRect) {
        super.draw(rect)

        let color = NSColor.red
        color.set()
        NSRectFill(rect)
    }
}

然后根据您在界面构建器的身份检查器下调用您的子类(此处为 RedView)设置类名。如果您想以编程方式更改背景颜色,请连接视图对象。然后执行以下操作。

import Cocoa

class MyView: NSView {
    // MARK: - Variables
    var backgroundColor = NSColor()

    // MARK: - Draw
    override func draw(_ rect:NSRect) {
        super.draw(rect)
        backgroundColor.set()
        NSRectFill(rect)
    }

    // MARK: - Method
    func changeBackgroundColor(color: NSColor) {
        backgroundColor = color
        setNeedsDisplay(self.bounds)
    }
}

然后您可以从视图控制器中调用 changeBackgroundColor,例如...

@IBOutlet weak var myView: MyView!
myView.changeBackgroundColor(color: NSColor.green)

【讨论】:

  • 谢谢,我也试试你的方法!
猜你喜欢
  • 2014-07-29
  • 1970-01-01
  • 1970-01-01
  • 2011-11-24
  • 2013-04-22
  • 1970-01-01
  • 2017-06-07
  • 1970-01-01
  • 2015-11-18
相关资源
最近更新 更多