GUI Distorted In Emulator

Help and Feedback Art Design Support
, ,
#1

Hello fellow developers! I am having an issue with my UI design. My GUI’s are being distorted when I test with emulator. I am using scale and not offset, so I am not sure what the issue is. Here are some screenshots:

How it should look:

RobloxScreenShot20210615_193526394
RobloxScreenShot20210615_1935263941102×784 238 KB

How it looks on different devices in the emulator:

RobloxScreenShot20210615_193531475
RobloxScreenShot20210615_193531475849×636 166 KB

RobloxScreenShot20210615_193537017
RobloxScreenShot20210615_193537017840×472 134 KB

I have already tried changing the anchor point, so please do not comment that I should do that. It would be great if you could help, thanks for reading!

2 Likes
#2

Use scale instead, it looks like you’re using offset.

Edit: Nevermind, didn’t read the text above lol

1 Like
#3

Insert a UISizeConstraint so that it can Scale For Each Device

make sure to add it for Every Child and the Frame

1 Like
#4

Any specific properties I should add to the UISizeConstraint?

1 Like
#5

Nope!

#6

Make sure both the position and size is using scale. The sizes look fine, but the positions are off.

#7

Thanks! My sizes were scale, but as you said, my positions weren’t.