Hi guys, sorry if I posted this in the wrong section. I have a severe issue with UI scaling. I have tried paid plugins and free plugins:
Epic UI
UI Tools
AutoScale Lite and Paid
A
And so on. My issue is this:
My UI, if it does scale, becomes too tiny on my canvas, especially if it’s in several frames or has one image button or text button with elements inside.
If you look at my attached image, you will see the top bar navigation is tiny, even though I put that in a frame, anchored it to 0.5 to 0.5, and perfectly aligned it on top, using UI scaling AspectRatio.
For some reason, it never looks right; it’s too tiny on smartphones while it’s normal on my PC.
I have spent several weeks looking at videos about scaling, but what works in the videos does not work the same way for me. This UI scaling issue, to make it the right size, is absolutely frying my head.
If anyone has any good paid plugins or free plugins that will fix this forever, I would greatly appreciate it.
If it’s too small on phone, add a UISizeConstraint to it. And then set the minimum size to something that looks reasonable. Play around with the numbers until it looks normal enough on the phone
The issue here cannot be fixed by using some plugin. This is a layout issue. On bigger screens, like for PC or console, the UI works well since it has a lot of room to expand. But for mobile, you can clearly see that space is tight. This means that you’ll have to shuffle the layout of the UI, essentially making a separate mobile-only interface.
My recommendation is to get all your important UI stuff out of the corners and into the center of every screen edge. Pick the top middle, left middle, right middle, and bottom middle as your target UI locations. Then stack as many UI elements as needed.
Understand that if you simply have a lot of UI, you’re going to have to cut it down and hide some elements if you don’t want mobile players to have 50 buttons blocking their view. For example, perhaps only show hotbar buttons (the ones on the bottom) when they actually have a tool. Or you can make the buttons on the top use just icons for mobile.
