Vertical orientation of text in ui elements about urho3d

[Canardian]

Your screenshots are not public, so nobody can see them except you.

[cadaver]

There is some logic in Font already to adjust the font Y-positioning, but it probably is not sufficient.

For manually adjusting the position of a text within a button I would just use the element's position, not a new value, as UI elements already are complex enough to edit.

[friesencr]

I am working on the editor and brining this back from the grave. Is there a way to theme in a global font offset?

[cadaver]

If you want a truly global font offset, I believe that has to be added to the UI subsystem.

[friesencr]

Here are updated images of the problem.

It is like there is 1 pixel of space at the top. Our ui is so compact that 1 pixel is make or break.

[cadaver]

If the font has been authored in such way that there's emptiness above in the glyphs, then yes, that will happen. Maybe the cleanest solution would be to add an accompanying optional xml for font resources, which allows to set an offset. In this case, a truly "global" setting (which I understand to mean "applied for all fonts") would not be useful.

Another way may be to detect emptiness in glyphs and adjust it away.

[weitjong]

IMHO, the issue is not the baseline positioning of font rendering in general. So I agree that having the global vertical offset does not help. Using the Editor's Hierarchy Window as an example, it will definitely break when one changes the font face/family or changes the font size arbitrary without also changes the corresponding EditorHierarchyWindow.xml file, which by the way is designed with 11pt Anonymous Pro font in mind. The "Expand" and "Collapse" buttons are even both designed with fixed height (17 pixels). Any other fonts that do not have the same metrics as the original designed font would surely break the visual.

[cadaver]

Now you can write an XML config file next to a font to adjust glyph offset. For example to lift letters up by one tenth of point size you'd do:

<font>
    <scaledoffset y="-0.1" />
</font>

[friesencr]

Thanks Lasse. How would that work if the font had multiple sizes?

[cadaver]

In the example above, the adjustment would be 1 pixel at point size 10, and 2 pixels at point size 20, with the idea that the different point sizes are just different renders of the same font design, so the adjustment should also be proportional.