Zahlex Zahlex - 2 months ago 19
Swift Question

How to place Horizontal Slider in NSMenu (Swift 3, Xcode 8)

As of macOS Sierra the volume menu bar item provides a horizontal slider item to change the system's volume:

macOS Sierra volume menu

I'd like to adopt this concept for my own application and came up with the following class:

import Cocoa

@NSApplicationMain
class AppDelegate: NSObject, NSApplicationDelegate {

@IBOutlet weak var window: NSWindow!
let statusItem = NSStatusBar.system().statusItem(withLength: -2)

func applicationDidFinishLaunching(_ aNotification: Notification) {

let menu = NSMenu()
let menuItem = NSMenuItem()
let statusSlider = NSSlider()

menu.addItem(NSMenuItem(title: "Slider:", action: nil, keyEquivalent: ""))

menuItem.title = "Slider 1"
menuItem.view = statusSlider
menu.addItem(menuItem)

menu.addItem(NSMenuItem.separator())

menu.addItem(NSMenuItem(title: "Quit", action: Selector("terminate:"), keyEquivalent: "q"))

statusItem.image = NSImage(named: "NSStatusAvailable")
statusItem.menu = menu
}
}


But there is no slider showing up in the menu. Has anybody a clue what I did wrong?

enter image description here

Answer

The initial frame size of NSSlider is zero. You need to set size before adding it to a menu item.

statusSlider.setFrameSize(NSSize(width: 160, height: 16))