Scripting Helpers is winding down operations and is now read-only. More info→

How do I use an UIAspectRatioConstraint? [SOLVED]

Asked by

RichCookieGamer 7

6 years ago

Edited 6 years ago

There are no tutorials on this and I cant seem to figure out how to keep the frame onto the screen using this method. I also don't know if I have to use code to do this.

1 answer

Answered by

ABK2017 406

6 years ago

Edited 6 years ago

A UIAspectRatioConstraint ensures that a GuiObject maintains a particular aspect ratio even if it’s size is set as a percentage of its parent. If an object with this constraint is also under the control of a UILayout such as UIGridLayout, then the constraint controls the object’s size and overwrites any size the layout would apply.

A UIAspectRatioConstraint can be applied to a GuiObject by parenting it to that object.

When applied to a GuiObject, the UIAspectRatioConstraint will make sure that the object’s ratio is maintained by the value defined in AspectRatio. The AspectType sets what determines the maximum size of the object. When set to FitWithinMaxSize, the constraint will make the object the maximum size it can be within the AbsoluteSize of the element. When set to ScaleWithParentSize, the element’s maximum size will be the size of the parent while still maintaining the aspect ratio. Last, the DominantAxis will determine which axis to use when setting the new size of the element.

1--Example 
2 GUI.RANDOMGUINAME.AnchorPoint = Vector2.new(0.5,0.5) -- Now it will center values. 
3 Therefore...
4 GUI.RANDOMGUINAME.Size = UDim2.new(0.5,0,0.5,0) -- This will be half of the screen.
5 
6 GUI.RANDOMGUINAME.Position = UDim2.new(0.5,0,0.5,0) -- This will center it.

Example of SizeConstraint within your GUI script

01local gui = script.Parent
02local parent = gui.Parent
03 
04local function update()
05    gui.SizeConstraint =
06        parent.AbsoluteSize.x < parent.AbsoluteSize.y
07        and Enum.SizeConstraint.RelativeYY
08         or Enum.SizeConstraint.RelativeXX
09end
10 
11update()
12parent:GetPropertyChangedSignal("AbsoluteSize"):Connect(update)

Whenever I make the UIAspectRatioConstraint the parent of the frame it makes it go off the screen RichCookieGamer 7 — 6y

Have you tried using SizeConstraint? Or does the image need to scale? ABK2017 406 — 6y

I will try that RichCookieGamer 7 — 6y

The width is supposed to be consistent while the height is not...Are you using it in a single frame, or a frame within another frame? ABK2017 406 — 6y

View all comments (11 more)

I need the frame to stay in that position even if it has to scale, and the size and scale constraint both went off the screen RichCookieGamer 7 — 6y

I am using a single frame RichCookieGamer 7 — 6y

Ok, I edited my answer to include a SizeConstraint example ABK2017 406 — 6y

I asked because descendants of frames, the width(x) if in offset, will offset all descendants whether they're using scale or not ABK2017 406 — 6y

Do I have to make a script for this to work? Otherwise the frame just goes off the screen somewhere when I put it in the constraints RichCookieGamer 7 — 6y

I am supposed to make the constraints the parent too right RichCookieGamer 7 — 6y

The SizeContrstraint would be part of a script yes...I'm not sure what you want your frame to look like, but an example file is at ABK2017 406 — 6y

From CoreC -- https://devforum.roblox.com/uploads/default/original/3X/f/c/fc18a055efc357860684d5ee96b8377a8736cfb0.rbxl ABK2017 406 — 6y

UIConstraint in the Image Label, UIARC in PlayDockContainer ABK2017 406 — 6y

So I make the Sizeconstraint's parent the frame not the frame's parent being the Sizeconstraint RichCookieGamer 7 — 6y

I also have an issue where I have explorer open and its on the right of my screen but it doesn't make the game screen more compact RichCookieGamer 7 — 6y

How do I use an UIAspectRatioConstraint? [SOLVED]

1 answer

Answer this question