Is it possible to make a GUI element always fit the screen and always be a certain shape?

Help and Feedback Game Design Support
#1
  1. What do you want to achieve? Keep it simple and clear!
    I am making my own OS inside of Roblox, and for the desktop background, I need to make the image always a 16:9 aspect ratio and fill the entire screen, sort of like Windows 10/11’s desktop background.
  2. What is the issue? Include enough details if possible!
    I cannot seem to find a way to do this, as no one else has had the problem.
  3. What solutions have you thought of so far?
    Adding a UIAspectRatioConstraint, however if I make my Studio window too thin or tall, there’s still blank spots. This will not look good for mobile users.
2 Likes
#2

I believe either mouse or userinputservice has a property to get the x and y size of the screen

#3

Change the amount of the screen scale on the size of the UI

image

For example, if I set a frame to this size, It will always fit the screen, regardless of device.

#4

No, that will make it stretched on mobile, which is not what I want. Did you read it correctly?
image

#5

Best way to scale UI that I know:

Make a frame, size it 1, 0, 1, 0.
Add a UIAspectRatioConstraint and set the ratio to 1.778
Put any objects you want on the screen inside of this frame, and make sure you use scale and NOT offset when sizing them.

2 Likes
#6

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