android transition framework

Transcript

1. www.bignerdranch.com android.transition ! Bolot Kerimbaev bolot@bignerdranch.com ! 16 January 2014
2. www.bignerdranch.com Transitions android.transition New in KitKat 4.4 But back ported
3. www.bignerdranch.com XML <transitionManager xmlns:android="http:// schemas.android.com/apk/res/android"> <transition android:fromScene=“@layout/transition_scene1" android:toScene="@layout/transition_scene2" android:transition="@transition/changebounds"/> <transition android:fromScene="@layout/transition_scene2" android:toScene="@layout/transition_scene1" android:transition=“@transition/changebounds"/> </transitionManager>
4. www.bignerdranch.com XML <transitionSet xmlns:android= "http://schemas.android.com/apk/res/android" android:transitionOrdering="sequential"> <changeBounds/> <fade android:fadingMode="fade_out" > <targets> <target android:targetId="@id/view" /> </targets> </fade> </transitionSet>
5. www.bignerdranch.com XML scene = Scene.getSceneForLayout(sceneRoot, R.layout.scene, this); ! transitionManager = inflater .inflateTransitionManager(R.transition.transitions_mgr, sceneRoot); ! transitionManager.transitionTo(scene);
6. www.bignerdranch.com Delayed transition TransitionManager.beginDelayedTransition(view); button.setText(“New button text!”); textView.setVisibility(View.VISIBLE);
7. www.bignerdranch.com Scenes ViewGroup view = inflater.inflate(R.layout.first, container, false); Scene scene = new Scene(container, view); TransitionManager.go(scene);
8. www.bignerdranch.com Scenes & transitions ViewGroup view = inflater.inflate(R.layout.first, container, false); Scene scene = new Scene(container, view); Transition transition = createTransition(); TransitionManager.go(scene, transition);
9. www.bignerdranch.com Customized transitions ChangeBounds changeBounds = new ChangeBounds(); ! Fade fadeOut = new Fade(Fade.OUT); Fade fadeIn = new Fade(Fade.IN); ! TransitionSet transition = new TransitionSet() .setOrdering(TransitionSet.ORDERING_SEQUENTIAL) .addTransition(fadeOut) .addTransition(changeBounds) .addTransition(fadeIn); ! TransitionManager.go(scene, transition);
10. www.bignerdranch.com Customized transitions ChangeBounds changeBounds = new ChangeBounds() .setInterpolator(new AnticipateOvershootInterpolator()); ! Fade fadeOut = new Fade(Fade.OUT); Fade fadeIn = new Fade(Fade.IN); ! TransitionSet transition = new TransitionSet() .setOrdering(TransitionSet.ORDERING_SEQUENTIAL) .addTransition(fadeOut) .addTransition(changeBounds) .addTransition(fadeIn); ! TransitionManager.go(scene, transition);
11. www.bignerdranch.com Customized transitions ChangeBounds changeBounds = new ChangeBounds().setDuration(2000) .setInterpolator(new AnticipateOvershootInterpolator()); ! Fade fadeOut = new Fade(Fade.OUT).setDuration(1000); Fade fadeIn = new Fade(Fade.IN).setDuration(1000); ! TransitionSet transition = new TransitionSet() .setOrdering(TransitionSet.ORDERING_SEQUENTIAL) .addTransition(fadeOut) .addTransition(changeBounds) .addTransition(fadeIn); ! TransitionManager.go(scene, transition);
12. www.bignerdranch.com
13. www.bignerdranch.com More DevBytes: Android 4.4 Transitions video https://www.youtube.com/watch?v=S3H7nJ4QaD8 Transitions backport https://github.com/guerwan/TransitionsBackport Sample code & blog post https://github.com/bolot/AndroidTransitionExample http://blog.bignerdranch.com (soon)