This little library lets you very easily create smooth transitions between two layouts of components in a special panel. The layouts are based on a grid, which can nest sub-grids and provides fixed/flexible columns and rows.

The library is fully documented (javadoc everywhere) to get you started quickly.

Note: The library uses the Universal Tween Engine under the hood, so you need to have this library in your classpath. It is compatible with the revision 6.3.3.

The following animated gif features an example of what can be done with the library.

There is also a Youtube video featuring the same demo with images. The source code of these examples is available in the demo folder of this project.

Please use the issue tracker of this repository to report a bug. Else, there is a dedicated forum for you if you need some help to understand how it works or how to setup your project :)

The library is distributed under the Apache-2 License. Feel free to modify it, distribute it and include it in your projects as you want.

General setup:

// First create the panel and give it a way to animate
// its transitions

SLPanel panel = new SLPanel();
panel.setTweenManager(SLAnimator.createTweenManager());

// Create your configurations

SLConfig config1 = ... ;
SLConfig config2 = ... ;

// Then set the panel to its initial configuration

panel.initialize(config1);

// Start the animation thread

SLAnimator.start();

// Now, whenever you want, you can fire a transition

panel.createTimeline()
	.push(new SLKeyframe(config2, 0.6f)
		.setEndSide(SLSide.BOTTOM, child1, child2)
		.setStartSide(SLSide.UP, child3, child4))
	.play();

Creating a layout configuration is very simple (extracted from the demo):

SLConfig mainCfg = new SLConfig(panel)
	.gap(10, 10)
	.row(1f).col(250).col(1f).col(2f)
	.beginGrid(0, 0)
		.row(2f).row(1f).col(1f)
		.place(0, 0, p1)
		.place(1, 0, p2)
	.endGrid()
	.beginGrid(0, 1)
		.row(1f).row(2f).col(1f)
		.place(0, 0, p3)
		.place(1, 0, p4)
	.endGrid()
	.place(0, 2, p5);