I have seen ti done but i have not a clue at all how to do it. When anybody click on button then the whole dialog window just "implode", the window get smaller and smaller and at the end it just fade away, how is this done? Simply just hide/show dialog is so boring :)
I'm doing such a thing in my map.
It basically involves a source state (lets say width: 600, height: 600), a target state (width: 10, height:10), a duration for the animation (e.g. 2 seconds) and an easing curve defining the progress of the animation at a specific point in time. For a linear transition this would mean that the animation would be at 50% done at 1 sec but that does not have to be the case for an exponential function. A periodic trigger is then used to run the animation.
If you don't want to go through the trouble of coding such a thing, the transparency of a dialog can already be animated over time, giving a linear "fade out/in" animation.
I have seen ti done but i have not a clue at all how to do it. When anybody click on button then the whole dialog window just "implode", the window get smaller and smaller and at the end it just fade away, how is this done? Simply just hide/show dialog is so boring :)
I'm doing such a thing in my map.
It basically involves a source state (lets say width: 600, height: 600), a target state (width: 10, height:10), a duration for the animation (e.g. 2 seconds) and an easing curve defining the progress of the animation at a specific point in time. For a linear transition this would mean that the animation would be at 50% done at 1 sec but that does not have to be the case for an exponential function. A periodic trigger is then used to run the animation.
If you don't want to go through the trouble of coding such a thing, the transparency of a dialog can already be animated over time, giving a linear "fade out/in" animation.
do you maybe have a good example map of a dialog shrinking as you said? not sure i understand to 100% how you mean, u have an idea but am not sure.
1111111 = width / 30 222222 = height / 30
+10 = if it doesn't divide exactly, you have to add extra pixels here