Text with TEXT_JUSTIFY_VCENTER not completely centered

Hi,

I have a bit of OCD when it comes to perfect layout, and when writing my first app noted, that when vertically centering text, it is a little bit off. Does anyone have an idea what could be the cause of this?

Here is my code:

dc.clear();
dc.drawText( 0, dc.getHeight() / 2, Graphics.FONT_GLANCE, "HXOgy", Graphics.TEXT_JUSTIFY_LEFT | Graphics.TEXT_JUSTIFY_VCENTER );
dc.drawLine( 0, dc.getHeight() / 2, dc.getWidth(), dc.getHeight() / 2 );

And here the resulting screenshot from the CIQ simulator:

I would have expected the center line to go through the middle of the upper case letters.

Top Replies

trudelta over 1 year ago +2

The font includes some whitespace above the actual character.

All Replies

trudelta over 1 year ago

The font includes some whitespace above the actual character.

flocsy🤠 over 1 year ago

I also have this OCD. I think the only way to fix it is to use your own fonts.

the-ninth over 1 year ago in reply to flocsy🤠

Thanks - I think I‘ll just offset the y coordinate for drawing text by the few pixels it is off center. Just have to figure out the offset for each font type I am using.

flocsy🤠 over 1 year ago in reply to the-ninth

Each font type, each device... Good luck. Ah, and before you think about using the simulator, no it doesn't look the same...

the-ninth over 1 year ago in reply to flocsy🤠

Hmmm, yes, you are right, so far I only worked with one device, but this idea does not scale very well.

FlowState over 1 year ago in reply to the-ninth

What's worse is that some devices like newer Vivoactives have significantly more whitespace than other devices (like Forerunners), so if you try to use getFontHeight() to automatically size text in certain situations, users may complain that your text is "too small" for a region of the UI.

My specific use case is full screen / single field layout CIQ data fields which implement their own "data pages" with customizable data - in this case, users expect text in the app's data fields to be as large as possible. But if you don't account for the extra whitespace using hardcoded offsets, your text will be smaller than they expect on some devices. And like flocsy said, the devices aren't exactly the same as the sim.