My notes on Infinite tree list
All together now π:
Itβs fast and smooth now. Next is to add some utility methods. explodeAt, collapseAt etc
Uni-Directional Elastic Tree-List:
- Bigger tree list with Speedier scrolling is coming in a few days. Need to make SVG Asset reload lazy. And Add rotation to the CSS lib. To make everything fast.
Uni-Directional Elastic List:
The above Gif anim shows A FastList that that can be scrolled in x and y dir. this is imp with treeLists as you need to scroll in the x-axis if the items becomes too wide. The deeper you go the more you need to scroll in the x-axis etc.
//Then you start designing Infinite treeList
//differentiate indentation via css-id-classifier π
//you prob need classId for this, but use element-id for first interpolation π« (not in the start)
//when you open an item, you basically insert items into a flatList π«
//you set the css-classifer to the correct indentation π«
//when you hide children, you basically remove items from a flatList π«
//Basically you could Just use FastList with a treeList DP. π
//if you click on an item open/close icon, you change the dp. and the dp changes FastList π
//The TreeListDP will set the indentation by changing the css-id-selector π
- You also need to implement The side scroller. And make a sensible solution for Views that can scroll both ways. β
-
Thinking about it, this will easily enable filtering the TreeList through search π―
- FastList that can scroll x/y. basically you just scroll the contentContainer and render takes care of placing items in y β
- You could also just move the items.x when x scroll is detected β
//Tasks:
//Make ElasticView again with v2 scrolling code β
//test ScrollView2 β
//test ElasticView2 β
//make the ElasticView as small as possible β
//make call everything ...2 to differentiate (duplicate utils code if needed)
//Make List that can scroll both ways. β
//Make fastList that can scroll both ways β
//the problem occurs when you want a sideScrolling list. I guess this can be toggled via bool flag. β
//The Container view doesn't need dir, only list needs dir. as containerview is x/y directional β
//Maybe all lists and all views need x/y sliders, you just disable them when there is enough views β
//Make the code foot print as small as possible β