Gui Keeps Moving For Different Devices

Hi, I’m trying to make this UI centered for all devices. As you can see it’s not centered for an iPad Pro (I used an Auto Scaler Plugin). I also don’t know how to make it directly in the middle of the screen. It seems to be a little too far to the left of the screen.

Ipad Pro


Computer

1 Like

I’ve been having the same problem, but I just found thing page that says if you buy the premium version it does it for you. Here is the post: UiDesign plugins

If you’d like to keep it in the center then you can do this:

Set the Frame’s AnchorPoint to (0.5,0.5) and then if you set the position of the frame to: {0.5,0},{0.5,0} then this will keep the frame in the center of the screen at all times/all devices!

2 Likes

I anchored them all at (0.5,0.5) but the SHOP sign moves still. Is it because it’s a text label?

If you put all of these inside one frame that’s set to those coordinates then everything inside it will stay.
I think the SHOP sign is moving because it’s not inside the same frame as the shop.

In the same way as this:
image

1 Like

Can I put them under the same screen gui instead? When I put it under a frame it gets all disfigured.

When I started I used this plugin to scale my UIs https://www.roblox.com/library/1496745047/AutoScale-GUI. Seemed to work for me so give it a try, if not insert the anchor point and position manually.

I had this problem when I started Developing games, I recommend using https://www.roblox.com/library/1496745047/AutoScale-GUI, It will automatically add UIAspectRatioConstraints with the click of the button, It can also convert to Offset or Scale Pos.

1 Like