UI Scaling issue HELP please

[o0MADMAXUK0o (MAX)]

Hi guys can I get help please ?

On my pc my UI looks perfect on my smartphone my ui is to big and on summer screens it’s even bigger so much so that whole frame is covering screen…

I have tried AutoScale plugin lite and premium still can’t get it to work I also tried UI Tools plugin paid version

Main issue is the imagelable inside my frame refusing to scale with screen…

First image how it looks on my smartphone

and 2nd image is how it looks on my actual PC even when I run the game it’s perfect…

3rd Image is actual structure where my image lable is located as you can see it as ScreenUi - Folder and several frames before it gets to my imagelable…

Any help would be appreciated before I get flamed. I’m new to Studio and have learned many things mainly by watching videos. I’m great at designing things (UI levels and so on), but not so great at scripting.

This has been frying my head… I dont know which section I need to scale ScreenUi or Fomder named frames onky the ImageLable or what as non of the videos I watch has custom image as UI background as main ui frame…

Any help would be greatly appreciated…

Thank you

[amindez24]

The best way is to use a plugin for everything you create, and this will solve this problem. This is the name of the plugin.

Things aren’t loading, but it has a name, I think you should install it.

[o0MADMAXUK0o (MAX)]

If you talking about AutoScale light I have it already

[amindez24]

If some things don’t work right, you just have to click on them, for example, select all the photos and then autoscale them.

[Chark_Proto (Chark)]

@o0MADMAXUK0o

Set the “inventory” AnchorPoint to 0.5, 0.5 and its position to 0.5, 0, 0.5, 0

Then, for every core frame (every backdrop of a UI) set the SizeConstraint to either XX or YY, and rescale its size manually by inputting numbers.
For example, only change the “Inventory” frames SizeConstraint and size, not its children.

This will fix wonky scaling, and is also not a programming issue.
( Art Design Support next time )

[o0MADMAXUK0o (MAX)]

What do I need to set size constraints to ? Thanks for the info Inhave ipdtwdd my post and cahmged it to Art Design section

[Chark_Proto (Chark)]

As I said, you should set it to either RelativeXX or RelativeYY, whichever you set it to just determines what axis will scale it.

For UIs at the top or bottom of the screen, I’d use YY. For ones in the center, either works, and for UIs on the left or right, XX.

And some information I forgot to include, when using SizeConstraints, it should also lock the frames to a set size.

So, if for example, you are widening the game window, a square UI with RelativeXX will remain as a square (but get larger the more wide the UI is), however the same UI with RelativeXY will stretch a lot.

[o0MADMAXUK0o (MAX)]

Will try and let you know how I get on its 7am and Im about to go out once back I will test and get back to you… thanks for the tips…

[o0MADMAXUK0o (MAX)]

Just tried that; this is how I wanted it to look on smartphones…

This is how it actually looks on smartphones.

I wanted it to be larger, and no matter what I try to change, it looks tiny on an actual phone. When I run the test in the device emulator in Studio, it looks perfect. Studio is one of the most frustrating things I have ever worked with; it shows what it’s supposed to look like, but when running the game, it looks nothing like it. True autoscale should be a default feature in Studio so scripts can scale what they need to scale how they need to scale so it looks perfect on all devices. I don’t know why a simple thing like scale is such a huge issue. I’ve spent days trying to get this to work with no success.

[Chark_Proto (Chark)]

Looks correctly scaled to me.
If you want it larger, I’d say you should either manually set its scale for mobile devices, or use RelativeYY, as it appears you’re using RelativeXX.

[RainingMemory (nat)]

could you show the FULL property list of the inventory frame, and also the image for the inventory?

[o0MADMAXUK0o (MAX)]

Im using XY and how do I manually scale it so its larger on smartphones here is what I wanted to looklike on all smartphones

Thats on my Z Fold 6

On my smamsung Note 7 it looks like this…

So on all phones that has smaller resolution it looks like my 2nd image attched

On tablets pc and bigger screens it looks like my first image attached…

[o0MADMAXUK0o (MAX)]

And

Is this what you need ?

[RainingMemory (nat)]

down a bit more. specifically the section with position, size, etc.

im just curious because this looks exactly like a problem when using offset (pixels), and not scale for sizing

[o0MADMAXUK0o (MAX)]

Here is main frame

Here is Pets Frame

And here is image lable

When I set image offscale to 0 and Scale to 0.5 or any other numeber it looks to tiny on pc and even smaller in my phone

If I adjuat suze by draggin image or frame ut messes up whole layout and looks either to massive or to tiny

[RainingMemory (nat)]

you are using offset.
use your autoscale lite and apply it to everything while viewing it on pc

[o0MADMAXUK0o (MAX)]

I tried that and messed up whole layout this is what frustrating me if I touch 1 thing it messds uo whole thing if I touch whole thing still messed uo if I touch some things it messds up for spesific devices ie small screens but works great on all other screens

[RainingMemory (nat)]

well if you want it to scale with all devices, this is the route you have to take.

if you REALLY need help, you can send a file of the UI, and then i or others can help fix it.