I started the development of this smart custom UI made of dialogs. However, resolutions and aspect ratios are troublesome, and put the dialogs upon eachother.
How can I make this UI work no matter the resolution and aspect ratio the player has?
You need a kind of background dialog that sits under all the other dialogs ... so going from left to right ... you have dialogs 1,2,3,4,5,6 where 1 is minimap, 6 is command card ...
You should make the background dialog numbers 3 and 5 ... (actually combine them to 1) and have that sit under all the other dialogs.
That is what I did in Tofu ... you have a background dialog that sits under all the other dialogs and then they are based upon positioning - ie, left mid and right anchors ... and the background does the rest.
It is also what they did in Sc2 to an extent, the middle bar adjusts size automatically to fill in any screen space leaving a 16x9 monitor with a shitload of empty black space that is unused ...
I started the development of this smart custom UI made of dialogs. However, resolutions and aspect ratios are troublesome, and put the dialogs upon eachother.
How can I make this UI work no matter the resolution and aspect ratio the player has?
You need a kind of background dialog that sits under all the other dialogs ... so going from left to right ... you have dialogs 1,2,3,4,5,6 where 1 is minimap, 6 is command card ...
You should make the background dialog numbers 3 and 5 ... (actually combine them to 1) and have that sit under all the other dialogs.
That is what I did in Tofu ... you have a background dialog that sits under all the other dialogs and then they are based upon positioning - ie, left mid and right anchors ... and the background does the rest.
It is also what they did in Sc2 to an extent, the middle bar adjusts size automatically to fill in any screen space leaving a 16x9 monitor with a shitload of empty black space that is unused ...
Thanks a lot. I never thought of that :)
I can't imagine why you would need more than one dialog background.
@Trieva: Go
Not trying to sound like a dick.. But if you're trying to learn something, read the whole post. >.>
The dialog background are dialogs 3 and 5 because they are the ones that resize depending upon screen resolution.
You make a dialog UNDERNEATH (before) the other dialogs - and that is the background dialog - dialogs 3 and 5 do not exist.
They anchor to the screen not the dialog. The background dialog will be anchored to bottom, then 1+2 to bottom left, 4 bottom, 6 to bottom right.
I want to cover this in a tutorial. just haven't had time yet.