After I upgraded to the latest release I am trying to figure out what is the correct way to animation between views. e.g. click from LIST - > to get to details, and back, etc…
As all the attributes animation where removed, even some of the http://learn.ionicframework.com articles are outdated when they refer to it so the question is : are the any details we can use in order to figure out how this transition between views should work in new 1.0.+?
Thanks for the reply. This is the thing most of the stuff were removed and it seem that all is driven by IonicConfigProvider.
I could replicate the css animation what were in older ionic.css, but I do not want to go this way. This is why I am looking for correct solution in 1.0.0+.
I think ionic guys should have some point of view on this, when they refactor and removed all the animation so I guess ways to go are:
write your own css animation and use them in code
Not considering Modal Dialogs, but navigation views (and their transitions ) is to use defaults ConfigProvider transition settings iOS,platform, etc…
There is this new Ionic Animation service. can this be used to control and change transition between views or tabs switching ?
-> Thanks for the reply. This is the thing most of the stuff were removed and it seem that all is driven by IonicConfigProvider.
Yes, it looks that way.
-> I could replicate the css animation what were in older ionic.css, but I do not want to go this way. This is why I am looking for correct solution in 1.0.0+.
I think you might have to, at least for the time being (the Ionic framework has 318 open issues and 87 open pull requests).
I just figured out partially my problem why view does not animate by default the key function inside ionic bundle is this at the bottom.
It accept direction and allowAnimate. But it will animate only if direction is back or forward. So my detail view when coming back to the list now animates as I added direction to it
What I still can’t figure out is how pass to my list composed using collection repeat the nav-direction so when going to the detail list it will have direction = forward
The only way that I made so far animation work when going from LIST to detail is
is using ionicViewSwitcher inside Detail view
$ionicViewSwitcher.nextDirection(‘forward’);
plus setting cache-view=false on details view
– if view was cached then there was no animation as nextDirection was not triggered again, when entering into view again.
But I wonder if there is any elegant way doing this using directive (attribute) ?
And, thats all I need to do to have the transitions (the named view’s which get inserted in ‘menuContent’ ) between states animate as per the config provider setting (e.g., slide from right to left on ios).
Thanks Robin, for your activity in this thread, I need to look at yours what could be the differences.
Since I migrated to 1,0.0+ I am still fine tuning some incompatibility here and there and animation was one of them.
And even I made it work but now its better to look at yours as I should not set extra nav-direction and other nor $ionicViewSwitcher except this provider. All should animate out of box.
This is awesome I need to try this out. Thanks again.
Hey btw. what is your rate ?
I am pretty curious when Mike @mhartington or anybody from the ionic team is able to demonstrate in such way $ionicAnimation.
Because I think we have this powerful service in the Library I haven’t seen single practical example of its usage. Like e.g. animation items added to the list.
And I think its a pity what do you think ?
Ionic Animation is no longer part of the ionic core. We use our own private animation service inside ionic, with no public api. There for if you want any animations, you can use ngFX or ng-animate.