question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hero image transition animation

See original GitHub issue

Doing transition animation to detail activity via the hero image

Work to do: Use ActivityOptionsCompat#makeSceneTransitionAnimation(). for the animation by passing in activity and the imageview. Each list item in Plant adapter should use ViewCompat#setTransitionName() and prefix/suffixed with item position. Both list and detail imageview need to have same transition name. this allows anim to transition backwards when user press back on Detail activity We need to delay anim in detail via supportPostponeEnterTransition() until Glide loads the image and then use supportStartPostponedEnterTransition()

https://developer.android.com/reference/android/support/v4/app/ActivityOptionsCompat.html#makescenetransitionanimation_4 https://developer.android.com/reference/android/support/v4/view/ViewCompat.html#setTransitionName(android.view.View, java.lang.String)

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:1
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
tiembocommented, Sep 20, 2018

@andhie shared element transitions are now available in Navigation 1.0.0-alpha06, which has been merged via #193

1reaction
tiembocommented, Jul 2, 2018

@andhie shared element transitions with the Navigation component is in the works: https://issuetracker.google.com/issues/79665225

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hero animations - Flutter documentation
The Hero widget in Flutter implements a style of animation commonly known as shared element transitions or shared element animations.
Read more >
26 CSS Hero Effects - Free Frontend
Collection of hand-picked free HTML and CSS hero effect code examples from Codepen, ... Hero Image Staggered Hover Zoom Effect - CSS Only....
Read more >
20 Absolutely Stunning Hero Animations | by Premiumuikits
Scroll Animation by Gil. Zero Studio Hero by Minh Pham. Uber Design Team by Gene Ross. Hero Image Freebie — Radio by Stanley...
Read more >
How to Create a Customized Transition Effect for Your Hero ...
Whether it's a single hero image loading into place or a slider moving from slide to slide, the transitions you choose should fit...
Read more >
How to Design a Hero Section with Custom ... - Elegant Themes
Adding smooth transitions and animations to showcase the hero ... row and update the background with a new gradient color combo and image:....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found