Hello Devforum! I have a problem with UI scaling for different screen sizes. This is not just a matter of scale/offset, however. I always use Scale for my UI.
So I have this little frame that covers a big corner of the screen. This is my normal Studio viewport size.
I tried UIAspectRatioConstraint, didn’t work. How can I fix this? Thanks!
Edit: just reread post and realized i missed some information. Disregard.
Having the same issue :.( my guis look perfect in one then all messed up in another, commenting to keep updated cause im really stuck on it
Make all in pixels and set anchor point to 1,0 and pos to 1,0. then use UIScale (instance) and script
Double the scale of the Y axis and set the scale type to tile
@ScrollFrameRotation try going into the ScreenGui and enable “IgnoreGuiInset”
What roblox does is during playtest it lowers your gui a bit to make way for the chat button and home menu. The solution to this is to just tell it “idc bro just render the ui”
IgnoreGuiInset is already true
oh… lemme see if i can find anything else
hold on just a test:
go to the setting button with the eye in the top right and enable “Device Emulation”, then select something like HD 1080. send me a screenshot of the ui while that’s enabled
For context, device emulation ensures your studio view looks like the actual view when you play your game (such as a 16:9 ratio) cuz sometimes without it you may get like a 20:9 ratio or 12:9 ratio in studio
maybe move the thing up so the notch is gone and then try again?
Could this have something to do with your AnchorPoint(s)? Could you try fitting any misbehaving elements together into a Frame? Try putting the first setup into a frame and making its AP (1, 0.5), Position (1, 0.5), and adjusting all positions to align with your desired layout.
that fixed it for that screen size, but most of the others still have the issue
alright ill mess around with the anchor points, thanks
this is likely because tablets dont use traditional 16:9 aspect ratios
a potential fix for this could be to just make the thing longer
dont use offsets, for sizes, only scales, make a parent frame thats 1, 0, 1, 0 with a uiaspect ratio and inside you can structure your ui, again, 0.5, 0.5 anchor points rotations, only scales no offsets, and build your ui on the test device. Good luck
you can try this, see if it works better or something
