Scaling GUI Images

Hey developers. I’m a scripter, and right now I am making a Widget for a plugin. You don’t need any plugin development knowledge to help me, (If you don’t know. Widgest use the default screen GUI so its just like a GUI on the screen, yet, the main frame can move and be different sizes)

What I need help is with sizing of the images. You see Widgets often are not square, but rather a rectangle when most developers use them. Right now, the image labels look ‘weird’ and I was wondering if I would make them more ‘square-like’ and smaller then this look. (I am using scale instead of offset). But I do want to keep them centered-ish.

Here is a video of what I mean:

Hierarchy:
image

Any and all help is much appreciated!

1 Like

If you have the plugin AutoScale Lite then you can use the UiAspectRatio option. It may or may not work, if not just tell me and I can find another method!

(I have another method, that may not work as well: On images, they have a ScaleType property, use fit or something that works for you. Stretch generally doesn’t do good, on anything, still waiting for Roblox to add proper stretching…

2 Likes

Yea I did mess with them. I don’t like how works as each each moves far away from each other, and if I remember correctly it wasn’t as centered as I would like. Move towards upward, then in the middle.

Works nicely and able to work with it! Thank you so much!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.