I will attach a video as it will explain my issue better than words can, but just to recap, I want to make sure my UI elements don’t begin overlapping onto each other, regardless the aspect ratio of the device. I’ve used AutoScale Lite plugin to change measurements into scale type, and also added a UI aspect ratio constraint to each element; however, as you can see, changing aspect ratio breaks the UI. Is there an easy fix for this? Only thing I can think of is making some sort of a UI List element to ensure all elements neatly take up space they’ve been reserved, but this seems overly complex, and I was wondering if there is a cleaner, faster, and easier way to do this. Thank you!
I’ve experienced this same problem, sometimes it works to change the anchor points
Set your anchorpoint to {0.5,0.5}.
There are so many posts about this topic already with good help suggestions.
I typed “change ui size for different device” into the search bar and found a bunch of posts. Try other similar search terms as well “GUI weird on mobile” or whatever you can think of that other people would describe the issue as.
I was actually able to solve this just by playing around with the AutoScale plugin, I made sure to add scale sizing both to the frame, and the image inside of the frame. I do have constraint on the level frame, I don’t know if it matters here, but this works so I better not touch it.
Thank you to everyone who replied, I lowkey didn’t expect to get replies so fast
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.