UIListLayout Tween Option

I have been creating some systems recently that take advantage of the functionality provided by the UIListLayout object class. Although this is incredibly useful and very convenient, when continually adding and removing objects that fall under the jurisdiction of these objects it can look quite rough as seen in the following video:

As a Roblox developer it is hard to make these look smooth and nice on the eye. Although I understand this can be done with scripts, it is a lot of hassle to override the position set by the UIListLayout and it would make life a lot easier for developers if they were able to set tweens as described above.

I believe that there should be a method or attribute added to the UIListLayout class which allows objects that have been added and removed to Tween into and out of position as well as tween when objects move up and down the list.

If the issue is addressed, it would make games look smoother and more professional and provide a better experience to our players as they interact with the UIs made possible by this addition.

Many thanks,
Tom :slight_smile:

7 Likes

You can do this already, albeit using a bit of code. You can add a wrapper frame with the right LayoutOrder set, and set its initial Y size to 0 and ClipsDescendants to true. Then you can parent your desired object into it, and tween the wrapper’s size from 0 to the desired height. The list layout will automatically update each frame to handle the new intermediate size value.

It’s possible we’ll add a feature to tween objects without any code in the future, but this is the best solution for now.

6 Likes