NSButton on NSVisualEffectView: Wrong Background Color

6
votes

I have a NSVisualEffectView within a NSPopover developed for 10.10.

When subclassing the NSVisualEffectView to have hover background color effect, the borderless button color seems to be different

gray box

I tried setting the backgroundColor of the button cell to clearColor or the same as I used in drawRect: in of the NSVisualEffectView, the former gives wrong color (not filled with blue) and the later still the same with wrong color. (gray box around its border).

CALayer can fix this but is there a way without using it?

Any ideas?

2
objective-cswiftnsviewnsbuttonnsvisualeffectview
Why are you subclassing NSVisualEffectView? - uchuugaka
Got my reasons but the same will happen when using NSView, so it's NSVisualEffectView or NSView seems not related to the question? - Cai
did you manage to solve this issue? - beeb
You mention "CALayer can fix this". Can you elaborate? I'm willing to try that fix on my project. - Ky Leggiero

2 Answers

3
votes

After much trial and error, this worked for me:

button.wantsLayer = true
button.layer?.backgroundColor = NSColor.clearColor().CGColor

I've got an NSTableView with NSVisualEffectView style. I created a custom NSTableViewCell class and put these lines in its drawRect method.

0
votes

This has been open for a long time but I just needed the answer myself and maybe someone else is happy to find this here, answer works only for Mac OS 10.14 and up

button.contentTintColor = .white

By setting the contetTintColor to whatever you might need it will for some reason remove the background color.