Downloaded 15 times
Uploaded byEdureka!
Learn How to Animate your Android App
The document provides details about an Android Development Certification Course, highlighting topics such as path interpolators, activity transitions, and animations. It includes various XML examples for implementing transitions in Android applications and offers support contact information. The course aims to enhance skills in animating Android applications through practical demonstrations and theoretical learning.
Learn How to Animate your Android App
- 1. www.edureka.co/android-development-certification-course View Android Developmentcourse details at www.edureka.co/android-development-certification-course Learn how to animate your Android App For Queries: Post on Twitter @edurekaIN: #askEdureka Post on Facebook /edurekaIN For more details please contact us: US : 1800 275 9730 (toll free) INDIA : +91 88808 62004 Email Us : sales@edureka.co
- 2. Slide 2 www.edureka.co/android-development-certification-course Inthis webinar, we will discuss: Path Interpolator Activity Transitions in Android Sync Transition and Animation Animating an Android Application Objectives
- 3. Slide 3 www.edureka.co/android-development-certification-course 29 res/interpolator/linear.xml <linearInterpolator/> Path Interpolator An interpolator can traverse a Path that extends from Point (0, 0) to (1, 1). The x coordinate along the Path is the input value and the output is the y coordinate of the line at that point.
- 4.
- 5.
- 6.
- 7. Slide 7 www.edureka.co/android-development-certification-course 34 TheInterpolator Party !!
- 8. Slide 8 www.edureka.co/android-development-certification-course 40 ActivityTransitions Window Transitions animate windows Activity transitions animate window components Animate when launching one activity from another Shared elements are transferred via ActivityOptions Based on the Transitions API released with KitKat
- 9. Slide 9 www.edureka.co/android-development-certification-course MainActivity.java getWindow(). requestFeature(Window.FEATURE_CONTENT_TRANSITIONS); res/values/theme.xml <stylename="BaseAppTheme" parent="android:Theme.Material"> <!-- enable window content transitions --> <item name="android:windowContentTransitions">true</item> </style> Enable Transitions
- 10. Slide 10 www.edureka.co/android-development-certification-course res/values/theme.xml <stylename="BaseAppTheme" parent=“android:Theme.Material”> <!-- specify enter and exit transitions --> <item name=“android:windowEnterTransition"> @transition/explode</item> <item name=“android:windowExitTransition”> @transition/explode</item> </style> Activity Transition
- 11.
- 12.
- 13.
- 14. Slide 14 www.edureka.co/android-development-certification-course 46 ActivityOptionsCompatactivityOptions = ActivityOptionsCompat.makeSceneTransitionAnimation( this, new Pair<View, String>(view.findViewById(R.id.imageview_item), DetailActivity.VIEW_NAME_HEADER_IMAGE), new Pair<View, String>(view.findViewById(R.id.textview_name), DetailActivity.VIEW_NAME_HEADER_TITLE)); // Now we can start the Activity, providing the activity options as a bundle ActivityCompat.startActivity(this, intent, activityOptions.toBundle()); TransitionActivity.java
- 15. Slide 15 www.edureka.co/android-development-certification-course 47 @Override protectedvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_transition_details); /** * Set the name of the view's which will be transition to, using the static values above. * This could be done in the layout XML, but exposing it via static variables allows easy * querying from other Activities */ ViewCompat.setTransitionName(mHeaderImageView, VIEW_NAME_HEADER_IMAGE); ViewCompat.setTransitionName(mHeaderTitle, VIEW_NAME_HEADER_TITLE); } DetailActivity.java
- 16. Slide 16 www.edureka.co/android-development-certification-course res/layout/fragment_sample.xml <ImageView android:layout_width="200dp" android:layout_height="200dp" android:id="@+id/robotoView" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:background=“@drawable/magic” android:transitionName=“@transition/my_transition”/> res/transition/grid_detail_transition.xml <transitionSetxmlns:android=“…”> <changeBounds/> <changeImageTransform/> </transitionSet> Shared Element Transition
- 17. Slide 17 www.edureka.co/android-development-certification-course 50 getWindow().getEnterTransition().addListener(new Transition.TransitionListener(){ @Override public void onTransitionEnd(Transition transition) { mFab.animate() .translationY(0) .setInterpolator(new OvershootInterpolator(1.f)) .setStartDelay(300) .setDuration(400) .start(); } }); Sync Transition and Animation DetailActivity.java
- 18. Slide 18 www.edureka.co/android-development-certification-course DetailActivity.java @Override publicvoid onBackPressed() { mFab.animate() .translationYBy(2 * 56) .setInterpolator(new OvershootInterpolator(1.f)) .setDuration(400) .withEndAction(new Runnable() { @Override public void run() { finishAfterTransition(); } }); } Animate Before Transition
- 19. Slide 19 www.edureka.co/android-development-certification-course Questions ForQueries: Post on Twitter @edurekaIN: #askEdureka Post on Facebook /edurekaIN
- 20.