SOLVED Fill extra space in font overview



  • General question about UI that might be worth discussing, probably more important for Single-Window-Mode users on laptops.

    The nature of the Font Overview window is such that in most window-widths, there will be extra dark-gray space to the right of the actual glyph cells.

    Potential ideas to avoid this:

    1 Option to double click the right edge of the window, snapping it to the right side of the glyph cells.

    2 Width of glyph cells dynamically resize when window width is being dragged. (+/- 50% of glyph cell width.) The downside of this is that each glyph's presence would change, and wouldn't be square. Maybe this is fine?

    3 Same as 2 but scale changes proportionately +- 25% (?) to fill empty space.

    4 When dragging window width, it can only snap to states where there is no extra space. Possible?

    Screen Shot 2019-11-29 at 19.14.14.png

    3 might be the best way to make sure that the glyph preview in each cell is as big as possible for how much space the whole window is taking up on the screen.

    Would love to hear your thoughts,
    Ryan



  • Thanks @frederik!


  • admin

    I also added these notifications fontWindowWillOpen and fontWindowDidOpen (in the next beta/release) so you can subscribe to this event and add buttons likes this.


  • admin

    import vanilla
    from mojo.UI import CurrentFontWindow
    
    def callback(sender):
        print("oooooo")
    
    w = CurrentFontWindow()
    w.window().extraButton = vanilla.Button((-135, -18, -105, 16), "O", callback=callback, sizeStyle="mini")
    


  • Fair point @okaytype. Thanks for a headstart on this @frederik. I see your point about smart sets. I'll mess around with this and if I get anywhere, I'll post here.

    Btw is there something like a addGlyphCollectionSubview which might enable me to add a dash of vanilla here?
    71845507-05f8-4e76-99ea-41367369341d-image.png

    Thanks!
    Ryan



  • FWIW, I use the dark grey area. Clicking it is the easiest way to deselect everything in the ice cube tray.


  • admin

    I would argue its more complex: due to the use of a splitview for the smart sets this is all not possible...

    but:

    from mojo.UI import CurrentFontWindow
    # get the current window
    w = CurrentFontWindow()
    # get the cell view
    view = w.getGlyphCollection().getCellView()
    # get the frame of the cell view
    _, (viewWidth, _) = view.frame()
    # get the cell size of the cell view
    cellWidth, _ = view.getCellSize()
    print(viewWidth, cellWidth)
    # calculate the leftover dark gray space
    changeWindowBy = viewWidth % cellWidth
    # get the window position
    left, top, width, height = w.window().getPosSize()
    # change the position of the window
    w.window().setPosSize((left, top, width-changeWindowBy, height), False)