You can write your topic however you want, but you need to answer these questions:
I am trying to scale my UI across all devices, but it only seems to look proper when I use 1920x1080, nothing else. I’ve tried using Auto scale lite and I doesn’t seem to work. I will attach a video of me using auto scale lite and switching between resolutions.
1 Like
You should make the scale bigger instead of using offset in the size property, it uses screen resolution as the parameter instead of pixels.
For example, this is a fullscreen frame size.
This is my explorer which do I apply that to. I tried the canvas but it still looks distorted with the 1920x1080 device enabled.
It doesn’t appear that you have the properties tab visible, unless that’s on another screen? You need to open the Properties tab so that you can view the settings of things you select in studio, including your UI objects. To do that open the View tab at the top and enable the Properties tab.
Select the canvas object and look at the properties, you need to set the Size property in a certain way that it uses Scale rather than Offset. You can expand the Size property to view both the X and Y size, then you can expand those again to reveal the respective Scale/Offset property. The most important thing to understand is that the Position and Size properties of all UI objects are UDim2 types, which is like a Vector2 but with two single UDims. A UDim has two values:
- Scale (Ratio / percentage of the parent)
- Offset (Exact pixels)
In addition, utilise the AnchorPoint property to set which part of that UI object is positioned. If the AnchorPoint is (0.5, 0.5) then the object will be positioned by the centre of itself. By default it’s (0, 0) which is the top-left corner.
Here’s the properties for the canvas! I still am convulsed on what to do as if I set the canvas’ anchor point to .5 .5 then it still breaks
do what @ZacAttackk recommended but check EVERY frame (under canvas), not just canvas itself.
it’s just because this is the exact problem that happens when you use offset.
What am I to look for? Do I remove the Offset and put it in the Size? I am clueless haha.
if it has offset in it, remove it and size it completely using scale.
you can use autoscale lite to assist you.
1 Like
I must’ve failed as I pressed every frame, button, etc, and then pressed unit conversion, then position, scale, and scale, scale. My UI looks like this now…
1920 by 1080
normal without device 1920 1080…
You can indeed set the AnchorPoint to 0.5, 0.5. It centers the sizing and position ratios of the UI to the device’s respective screen resolution, and sizes it accordingly based on it. And after putting the AnchorPoint to 0.5, 0.5, throw the position to {0.5, 0, 0.5, 0} to center the UI completely. Let me know if it works!
I have entirely remade the UI outside of the 1920 by 1080 view. It still offsets to the right side of the screen for some reason. I Followed your advice on the
This is my current explorer for all the ui, What UI do I set the anchor point to, just the Background here?
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.