Vertial text centering behaves weird

[Active Colors]

I have several text meters which have exactly identical specifications (except one which is heighter a bit). They go one after another vertically relatively to each other.

Capture2.PNG

Capture.PNG

Everything looks perfect but weird text centering. I will place zoomed pic to see what I mean

ddds.PNG

On the left is "Change Icon" text meter, on the right "Rename" text meter. As you can see both have same height but one of the texts is shifted. Concluding from situation the "Rename" text meter is shifted because all three text meters "Choose File", "Choose Folder" and "Change Icon" have the same centering.

Why do they have different vertical centering?

[VasTex]

I'm fairly certain that it has to do with the differences in height of the letters themselves.

For example, the word "Change" is 9 pixels tall. The smaller letters (a, n & e) have a height of 5 pixels, but both the 'C' and 'h' extend the height by 2 pixels. In addition to that the 'g' extends the height downward by 2 pixels. What you end up with is a total height of 9 pixels for the word 'Change'. However, when you look at the word 'Rename' you have again 5 pixels for the smaller letters (e, n, a & m) and an additional 2 pixels added to the top from 'R', but you don't have any letters extending downward. This gives you a total height of 7 pixels for the word 'Rename'.

To recap:
If you divided the word 'Change' in half you would find it has a center at its 5th pixel with 4 pixels extending both above and below the center giving it a total height of 9 pixels.
If you divided the word 'Rename' in half you would find it has a center at its 4th pixel with 3 pixels extending both above and below the center giving it a total height of 7 pixels.

So let's say that the height of these string meters is set to 25 pixels. We can figure out how much spacing both above and below the words there will be by using this equation:

((Round Up ((Meter Height - 1) / 2)) - (Round Up ((Word Height - 1) / 2)))
*We subtract 1 to account for the center pixel which neither the top nor bottom get to use and then divide it by 2 to find the heights of the Top and Bottom. Finally, we round up to nearest whole pixel since you can't occupy half of a pixel and then we simply find the difference of the two heights.

In this scenario we have a Meter Height of 25 pixels and Word Heights of 9 and 7 pixels. If we work out the equations for both the word 'Change' and 'Rename' we get the following:

[Change]:
[Step 1]: ((Round Up ((25 - 1) / 2)) - (Round Up ((9 - 1) / 2)))
[Step 2]: (Round Up (24 / 2)) - (Round Up (8 / 2))
[Step 3]: (Round Up (12)) - (Round Up (4))
[Step 4]: (12) - (4)
[Step 5]: (8) Pixels of empty space between the center of the word 'Change' and the top and bottom if its meter height.

[Rename]:
[Step 1]: ((Round Up ((25 - 1) / 2)) - (Round Up ((7 - 1) / 2)))
[Step 2]: (Round Up (24 / 2)) - (Round Up (6 / 2))
[Step 3]: (Round Up (12)) - (Round Up (3))
[Step 4]: (12) - (3)
[Step 5]: (9) Pixels of empty space between the center of the word 'Rename' and the top and bottom if its meter height.

*Notice that there is a 1 pixel difference between the spacing for the words 'Change' and 'Rename'. This difference is due to their differing centers and explains the 1 pixel difference you see if your pictures.

Hopefully I explained that fairly well... It makes sense to me at least!

[Active Colors]

You are totally correct, VasTex. Thanks for the fluent explanations