Android Training in Chandigarh (8)

1
Android Training in Chandigarh

• CBitss Technologies

2
Shared Element Transitions

• Shared Element Transitions are a great way of
  implementing Material motion and adding some
  flair to your app. Shared element transitions
  help the user on their journey through your app
  by giving them a focal point as they go from
  screen to screen. They can make your app feel
  like a whole, rather than a bunch of separate
  screens slapped together. They shouldn't be
  abused though, in some case too many elements
  darting all over the screen may make the user
  feel a bit motion sick!

3
How do they work?

• Activity A has an image in it. When you tap the
  image you launch Activity B.
• Activity B loads everything transparently on
  screen.
• The framework does some calculations, finding out
  where the image is starting and where it's going
  to end, taking into consideration how it's being
  asked to do it (the type of transition).
• It creates an Animator using the differences
  which handles moving everything for you.
• The framework finally tells Activity A to hide
  it's shared element, runs the animator with
  Activity B's shared element animating into it's
  final position.

4
(No Transcript)
5
Defining Custom Animations

• Animations in material design give users feedback
  on their actions and provide visual continuity as
  users interact with your app. The material theme
  provides some default animations for buttons and
  activity transitions, and Android 5.0 (API level
  21) and above lets you customize these animations
  and create new ones
• Touch feedback
• Circular Reveal
• Activity transitions
• Curved motion
• View state changes

6
Customize Activity Transitions

• Activity transitions in material design apps
  provide visual connections between different
  states through motion and transformations between
  common elements.
• An enter transition determines how views in an
  activity enter the scene. For example, in the
  explode enter transition, the views enter the
  scene from the outside and fly in towards the
  center of the screen.
• An exit transition determines how views in an
  activity exit the scene. For example, in the
  explode exit transition, the views exit the scene
  away from the center.
• A shared elements transition determines how views
  that are shared between two activities transition
  between these activities. For example, if two
  activities have the same image in different
  positions and sizes, the changeImageTransform
  shared element transition translates and scales
  the image smoothly between these activities.

7

• CBitss Technologies
• Contact Us 9988741983, 9914641983
• Website -
• http//cbitss.in/android-training-in-chandigarh/

CBitss Technologies SCO-23, 24,25, Level 3,Near
Passport office, Sector 34 A, Chandigarh
8
(No Transcript)