In many games I played, I’ve noticed that most of them seem to disregard the CanvasSize of a ScrollingFrame and leave tons of empty space. This library was designed to help developers easily scale the size of their ScrollingFrames and UILayouts. It’s compatible with UIGridLayouts and UIListLayouts. After you construct a new class with the desired UILayout, your ScrollingFrame will automatically resize it’s CanvasSize, CellPadding, CellSize, and Padding accordingly.
- It’s is still important to be using a UIAspectRatioConstraint in the main frame relative to each ScrollingFrame so that your UI doesn’t stretch.
- Make sure that the default CanvasSize of the ScrollingFrame is set to (0, 0, 0, 0).
- Everything including the CellSize/CellPadding/Padding and every child must be set to scale so that there are no inconsistencies across different resolutions.
Documentation is provided within the module as well as on the wiki.
It’s relatively basic to setup and you only need to call a simple function. There are more advanced features provided if necessary.
local LayoutUtil = require(PATH) -- define the path to the module LayoutUtil.new(UILAYOUT) -- define the path to the UILayout
This game doesn’t automatically scale their UILayout and you can see how there is a lot of blank space and when you change resolutions, the children of the ScrollingFrame don’t size with it.
If I missed anything or there are any issues, be sure to DM me or leave a reply here.
Discord - Nickuhhh#0331
Roblox - iiNemo