AnimatedListLayout v0.0.2 | A custom animated UIListLayout

Resources Community Resources
1

This module is basically a UIListLayout but animatable, meaning if u change the LayoutOrder it wont teleport to the new position, but rather animate toward the new position.

Hello! before we start here are a couple of things you should know:

  • No Type Annonations
  • Not thoroughly bug checked (test for yourselves)
  • Not fit for every scenario
  • Does not have flex features like UIListLayout

this was mainly made for my new game im working on so i didnt really pay that much attention to the Horizontal mode (or any other mode for that matter), if you find any bugs let me know i might fix them if i have the time!

** do note i couldnt be asked to actually type out the api myself so its made with ai with some changes by me, tell me if u want something added or fixed **

How to use?

local Layout = AnimatedListLayout.new(ScrollingFrame)

Layout.FillDirection = 'Horizontal'
Layout.HorizontalAlignment = 'Center'
Layout.VerticalAlignment = 'Top'
Layout.SortOrder = 'LayoutOrder'
Layout.PaddingOffset = 10
Layout.StartXOffset = 10
Layout.StartYOffset = 10
Layout.AnimationEnabled = true
Layout.AnimationTime = 0.5
Layout.AnimationEasingStyle = Enum.EasingStyle.Cubic
Layout.AnimationEasingDirection = Enum.EasingDirection.Out
Layout.AutoCanvasSize = true
Layout.Name = 'AnimatedListLayout'

UpdatedTestPlace_Wraps.rbxl (79.7 KB)

19 Likes
2

This look really cool and useful! Thanks for sharing with us.

2 Likes
3

Please just have a __newindex metamethod :sob:

Other than that though pretty nice, 1 heart :heart:

1 Like
4

going to do that! thank you for the suggestion!

5

Update:

  • Added The ability to index AnimatedListLayout properties directly (e.g., layout.FillDirection) instead of using layout:SetProperty()
  • Added New Property: ‘Name’ (Changes the name of the folder)

Updated the post.

To the lazy people:
UpdatedTestPlace.rbxl (76.7 KB)
AnimatedListLayout.rbxm (8.2 KB)

6

Looks very interesting, I’ll be sure to try it out once I get the chance.

Also, just a personal suggestion, how about adding it to github so people can contribute too? If you open to contributions that is.

Thanks for the contribution!

7

ya i dont really care if people fork it or something but i dont really wanna get too involved with this module, not trying to waste all my time handling it, if u can do it its fine by me, i just decided to share it with you guys and if u want to edit it u can feel free to do so

1 Like
8

thanks for sharing this, looks very useful!

9

don’t know if you are still updating this but i have found an issue.
if the layout is on horizontal, it wont apply center or right alignments.
i’d appreciate if there is atleast a snippet of code for a possible fix!

10

Thanks! I will work on a fix, this mode is something i dont use so thats why i didnt really thoroughly check it

11

Ok i found the issue, but since i didnt release the version with the wraps it wont work for you, i will work on releasing a new fixed version soon

12

I didn’t expect to get a response so soon! Thank you very much!

13

Update v.0.0.2

Added Wraps
Fixed Alignments not working properly