How do I make a auto scaling Scrolling Frame?

Help and Feedback Scripting Support
,
#1

There is going to be a lot of frames going into my scrolling frame so I need it to size its self. I’m using a gridlayout. I have tried many solutions on the DevForum, google, youtube, ect. but I cant find anything that works right. If you can help me that would be great.

#2

You can look at the object browser you will find many things just find the scorrling frame then look at all the choices.
image

Make sure you read each one.

1 Like
#3

no, I already have a scrolling frame I want it to auto scale to the amount of frames in it.

#4

I just found one you can use so when ever the player scorrls you make the frame go deeper.
use this to see when the player scrools on the frame

Frame.MouseWheelBackward:Connect(Function()
Frame.CanvasSize = Frame.CanvasSize + {0, 0},{5, 0} -- Change the five to any number
end)
#5

OH
you can do that by
image
changing this

#6

Try this module just create it insert a UIAspectRatioConstraint in ur uigridlayout and type in a localscript
local layout = require(pathofmodule)
layout.new(pathOfUiGridLayout)
done :slight_smile:

#7

Did this help???

#8

If you want the canvas size to alter automatically for all the guiObjects in it then might I suggest the AutomaticCanvasSize property on a ScrollingFrame?

Edit:On reread of this forum, this is exactly what you need

17 Likes
#9

You can do this by just changes the 100 here to the number you want!
image

#10

lol this works, never knew there was option lol, thanks.

#11

:o I didnt know about UIAspectRatioConstraints, I spent actual ages writing a script and doing mafs ew trying to replicate this. Sorry for going off topic

#12

LayoutUtil doesn’t do that anymore with the new addition of AutomaticCanvasSize. Internally it will automatically create UIAspectRatioConstriants and calculated it (you can use the plug-in to do it while in studio) to maintain each elements aspect ratio.

#13

This is not a solution as the property doesn’t seem to be working for lots of people (including me).

I have recently made a Module that will be relased to the public soon. Here it is: https://www.roblox.com/library/6503999156/lua-plus. There is an option to automatically scale ScrollingFrame based on 3 arguments: ScrollingFrame object, UIListLayout / GridLayout etc. object and on Enum.ScrollingDirection.XY / X / Y thing.

Here’s how you can use it in a script:

local lua_plus = require(script:WaitForChild("lua_plus")--[[Location of LUA Plus here.]])
local ScrollingFrame = script.Parent --Location of your ScrollingFrame here.
local UIListLayout = script.Parent:WaitForChild("UIListLayout") --Location of UI object that have AbsoluteSizeProperty. It can be done with UIGridLayout too, I think.
local UpdateDirection = Enum.ScrollingDirection.Y --Can be set to X, Y or XY.

lua_plus.update_canvas_based_on_children(ScrollingFrame, UIListLayout, UpdateDirection)
ScrollingFrame.DescendantAdded:Connect(function()
    lua_plus.update_canvas_based_on_children(ScrollingFrame, UIListLayout, UpdateDirection)
end)

ScrollingFrame.DescendantRemoving:Connect(function()
    wait(0.1) --Because Event fires right BEFORE the Descendant is removed.
    lua_plus.update_canvas_based_on_children(ScrollingFrame, UIListLayout, UpdateDirection)
end)

Here are the results:

Here is my testing Baseplate you can download:

Testing Baseplate.rbxl (30.1 KB)

3 Likes
Scrolling frame cuts off the last option
#14

This is the right way to do it but I should add here that you need to make the size of the canvas to (0,0,0,0) in order to work
image

3 Likes