GlyphsApp.UI, GlyphView question

1

Hey,

I wondering how it was possible to change the color of a layer using GlyphView.
In my code I have this

GlyphView((0, 0, -10, -10), layer=LAYER, backgroundColor=NSColor.clearColor())

Capture d’écran 2022-10-19 à 13.34.25

I know how to draw colored layer in Edit View, but it don’t work in my code:

Capture d’écran 2022-10-19 à 14.39.56
Capture d’écran 2022-10-19 à 14.39.561910×1002 140 KB 

LAYER = font.selectedLayer[0]

NSColor.whiteColor().set()
LAYER.completeBezierPath.fill()

tab1.group.glyphView = GlyphView((0, 0, -10, -10), layer=LAYER, backgroundColor=NSColor.clearColor())

Default layer color is black and I would like to change it to white.
Btw, there is a doc about GlyphsApp.UI ?

2

Why do you like it in black? It isn’t possible to change the color at the moment but I can add an option.

You can have a look at the GlyphsView code. It is very short so you might be able to replicate it with the changes you need.

3

It’s not crucial, but in my case it could help to make my plugin UI a bit more efficient.
I would like to switch to invert current color (black background/white letter)

Can you share me a link to GlyphView code ?

4

You can set the effective appearance to dark to invert the view. Add the following line before you open the window:

tab1.group.glyphView._nsObject.setAppearance_(NSAppearance.darkAppearance())

(and import NSAppearance)
And you might need to set the background to NSColor.textBackgroundColor() (or any of the dynamic colors that is doing where you need. So maybe NSColor.windowBackgroundColor().

1 Like
5

It’s work, my letter is white now but I’m using Vanilla Box to create a shape and change it’s background color and when I set this FillColor of this box to black, it’s like the box in above my letter.

tab1.group = Group((60, 30, 80, 120))

tab1.box = Box((10, 2, 170, 170))
tab1.box.setBorderColor(NSColor.colorWithRed_green_blue_alpha_(0, 0, 0, 0.1))
tab1.box.setFillColor(NSColor.colorWithRed_green_blue_alpha_(0, 0, 0, 0.8))
tab1.box.setCornerRadius(6)

tab1.group.glyphView = GlyphView((0, 0, -10, -10), layer=LAYER, backgroundColor=NSColor.clearColor())
tab1.group.glyphView._nsObject.setAppearance_(NSAppearance.darkAppearance())

Here is a screenshot when I set alpha to 0.8 to keep to continue to see the letter.
Capture d’écran 2022-10-20 à 08.37.50

6

Can you send me a screenshot of the full window (in a private massage if needed)?

You seem to add the box in front of the GlyphView. So, of course you can’t see the letter. Just add the GlyphView to the box, not to the group.

tab1.box.glyphView = GlyphView((0, 0, -10, -10), layer=LAYER, backgroundColor=NSColor.clearColor())
7

Oh, I thought GlyphView had to be in a group to be displayed.
It would perfectly now, thanks Georg.

Capture d’écran 2022-10-20 à 11.41.12
Capture d’écran 2022-10-20 à 11.41.121652×1022 128 KB

Can I ask you a last thing ?
Do you know if it’s possible to change the color of a Vanilla TextBox text ?

Or maybe I can also change my UI like this:

Capture d’écran 2022-10-20 à 12.09.27
Capture d’écran 2022-10-20 à 12.09.271652×1022 127 KB

8

All vanilla controls have an underlying Cocoa/AppKit object (mostly in the ._nsObject property). With them you can do whatever you like. Check the Apple docs for details.
If you add the text to the box, too it might become white automatically as that would happen in a dark mode context.
But I wonder why you like to do all that dark stuff in the first place.

And the GlyphView is a ‘group’ already so you can use it wherever you can add a group.

1 Like
9

Great to know !
I wanted to use dark to increase contrast UI between left (preview and settings) and right (data) part of this tab.