Skins - sizes of fonts and UI objects etc?

[bgowland]

Forgive me if this has been covered before (and I assume it has) and please point me in the right direction if there is an existing resource which covers this subject but...

Randomly picked from a skin xml file (Default\Popups\MessageBox.xml to be precise), what do the numbers for location and size mean...

Code:

<Rect location="15.45,35.45" size="54.15,0.15" fillColor="Accent1_Horizontal_FadeIn"/>

I'm guessing that based on varying screen sizes, resolution etc the numbers are percentages of width/height? In other words relative rather than absolute pixels. What about font sizes?

I've tweaked skins over the years with gbpvr and lately some for npvr but it has always just been a case of juggling numbers and seeing how it looked rather than understanding what I was doing.

Cheers,
Brian

[sub]

The size and location are percentages of the desktop resolution. ie, 0-100, where 50 would be half the width or height. This allows the skins to scale to different resolutions, and 4x3 vs 16x9.

Font sizes use formular to derive a point size from on the size specified in the skin vs the vertical resolution of the desktop, to give a standard appearance to the fonts, regardless of the resolution the user is running. This scheme generally works well, but can have some visual annomallies on 4x3 PAL 720x576 - conveniently not many people use that.

[sub]

<Rect location="25,20" size="50,60" fillColor="Accent1_Horizontal_FadeIn"/>

ie, at 1280x720, this rectangle would be:
x=(1280/100.0)*25=320
y=(720/100.0)*20=144
width=(1280/100.0)*50=640
height=(720/100.0)*60=432

[bgowland]

Thanks for the clarification - as I get older I regularly have moments where I think I thought I might have understood something but what was it again?

[sub]

Thanks for the clarification - as I get older I regularly have moments where I think I thought I might have understood something but what was it again?

I know that feeling. I blame on having too much on the go.