Unitframe position on lower resolution

Haleth · 11-17-10, 06:41 AM

Hello. I'm having a few problems getting the UFs in my UI to be positioned properly on lower resolutions. With the UI scaling change I've been able to try out how the UFs look effectively on a lower resolution.

This is what it looks like normally:

Lower resolution:

Code:

	spawnHelper(self, 'focus', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 566, 447)
	spawnHelper(self, 'pet', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 450, 447)
	spawnHelper(self, 'player', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 450, 420)
	spawnHelper(self, 'target', "TOP", UIParent, "BOTTOM", 0, 300)

I've tried letting the position scale with screen height and width, like this, but that didn't work either:

Code:

	spawnHelper(self, 'focus', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 0.33690 * GetScreenWidth(), 0.42571 * GetScreenHeight())
	spawnHelper(self, 'pet', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 0.26785 * GetScreenWidth(), 0.42571 * GetScreenHeight())
	spawnHelper(self, 'player', "BOTTOMLEFT", UIParent, "BOTTOMLEFT", 0.26785 * GetScreenWidth(), .4 * GetScreenHeight())
	spawnHelper(self, 'target', "TOP", UIParent, "BOTTOM", 0, 0.28571 * GetScreenHeight())

What would be the most simple way to sort this out?

zork · 11-17-10, 06:49 AM

Always use center positions if you can. (BOTTOM,LEFT,RIGHT,TOP,CENTER)

My tip would be to anchor your actionbars and your unitframes from BOTTOM.

Basically change BOTTOMLEFT to BOTTOM and adjust x and y values.

Use BOTTOMLEFT,TOPRIGHT,BOTTOMRIGHT,TOPLEFT only if you want a frame to be strictly in the edge.

Code:

	spawnHelper(self, 'focus', "LEFT", UIParent, 20, 30)
	spawnHelper(self, 'pet', "LEFT", UIParent, 20, -30)
	spawnHelper(self, 'player', "BOTTOM", UIParent, 0, 200)
	spawnHelper(self, 'target', "BOTTOM", UIParent, -200, 300)

Read: http://wowprogramming.com/docs/widgets/Region/SetPoint

Haleth · 11-17-10, 07:09 AM

Alright, did some changes now. It's looking better, but target is still a bit of a problem.

With this code:

Code:

	spawnHelper(self, 'player', "BOTTOM", UIParent, "CENTER", -275, -105)
	spawnHelper(self, 'target', "TOP", UIParent, "BOTTOM", 0, 300)
	spawnHelper(self, 'focus', "BOTTOMRIGHT", oUF_FreePlayer, "TOPRIGHT", 0, 12)
	spawnHelper(self, 'pet', "BOTTOMLEFT", oUF_FreePlayer, "TOPLEFT", 0, 12)

It looks like this (too close to the player frame):

But with this code:

Code:

	spawnHelper(self, 'player', "BOTTOM", UIParent, "CENTER", -275, -105)
	spawnHelper(self, 'target', "TOP", UIParent, "CENTER", 0, -225)
	spawnHelper(self, 'focus', "BOTTOMRIGHT", oUF_FreePlayer, "TOPRIGHT", 0, 12)
	spawnHelper(self, 'pet', "BOTTOMLEFT", oUF_FreePlayer, "TOPLEFT", 0, 12)

It looks like this (too close to the action bars):

I guess this is inevitable when playing on a lower resolution.

zork · 11-17-10, 08:19 AM

Why have player and target different setpoint anchors?

Code:

	spawnHelper(self, 'player', "BOTTOM", UIParent, "BOTTOM", -275, 300)
	spawnHelper(self, 'target', "BOTTOM", UIParent, "BOTTOM", 0, 200)

Dawn · 11-17-10, 08:45 AM

Since your target is in a rather central position, anchor units in relation to it.

target > bottom, uiparent, x, y
player > topright, target, topleft, x, y
etc.

You did the same with pet and focus, just anchored to player.

Haleth · 11-17-10, 11:46 AM

I tried both of your suggestions and I ended up with something similar to what I showed in my last screenshot. Of course because it's on a lower resolution the target frame will be relatively closer either to the center of the screen or the action bars.

Thanks for the help.