具有工具栏的macOS简单自定义窗口-第2部分

我希望工具栏中有一个小的图像,以指示“浅”或“暗”外观。 我将使用在第1部分中创建的项目。

步骤1.我使用Figma放下了两个图标,并对它们进行了着色,并使用@ 2x作为名称将它们保存为64×64大小。

步骤3.打开情节提要,然后将“工具栏”拖放到窗口中。 从工具栏中删除所有元素,然后添加ImageView。

步骤4.将ImageView连接到CustomWindow.swift。

如下更新代码。


如果我想以编程方式添加NSImage会怎样? 我最喜欢的开发工具之一是PaintCode。 使用此工具,我可以轻松地从.svg创建Swift(或Obj-C)代码。

第1步。让我们转到Storyboard,然后将ImageView添加到View Controller。 然后将其作为IBOutlet连接:

@IBOutlet var imageView:NSImageView!

我们将再次需要两个图像用于“亮”和“暗”状态。

重复深色版本,然后保存。

最后,将其添加到Xcode中的项目中。

步骤3.到目前为止一切顺利,但是我们的应用程序将如何得知外观变化? 幸运的是,有一种简单的KVO方法。 如下更新我们的ViewController:

资料来源:

  • Mohammad Asgharneya:涂成黑色:macOS Mojave中的黑暗模式

您可以在此处找到源代码。