See ListOfThings for a newer implementation.
Android Material Transitions
This Android project samples some Material Design-ish transitions for list items and floating action buttons. It uses the the shared element concept introduced in Android 5.0. I tried to pull it off with pure fragment transitions and ran into a few stags (see below) so my current solution uses an activity transition for each step.
[[MORE]]
Activity Transition tricks:
- Generate a background bitmap immediately before the transition and pass it to the called activity
- Suppress the view overaly (used by default for activity transitions) to keep shared elements behind the toolbar & system bars
- Fall back to fade and scale activity transitions when < 5.0
Fragment Transition issues:
- animating a shared element appears to only work when using .replace() - not .add()
- Unlike Activity transitions, the view overlay is not used for fragment transitions so shared elements might animate behind other views (especially when reversing a transition). setElevation() helps some of the time.
- if transitionName is set at runtime (with java - not xml) it may not survive all lifecycle events. E.g. when returning to a fragment from popBackStack()
- On Activity transitions the second activity's elements are animated when the transition is played forward AND when reversed. For Fragment transitions, the second activity's elements are animated when played forward but the first activity's elements are animated when reversed.
More Help
- http://www.androiddesignpatterns.com/2015/01/activity-fragment-shared-element-transitions-in-depth-part3a.html
- https://android.googlesource.com/platform/frameworks/base/...
- http://stackoverflow.com/questions/28386397/shared-element-transitions-between-views-not-activities-or-fragments
- https://github.com/saulmm/Android-Material-Examples
- http://stackoverflow.com/questions/29145031/shared-element-transition-works-with-fragmenttransaction-replace-but-doesnt-w
License
Copyright 2015 Todd Way
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
0 Dec 5, 2021
1 Oct 21, 2021
0 Dec 24, 2021
1 Jan 3, 2022
2.3k Jan 3, 2023
779 Nov 24, 2022
5.7k Dec 27, 2022
359 Jan 1, 2023
165 Nov 10, 2022
639 Jan 6, 2023
1.7k Jan 7, 2023
288 Dec 25, 2022
2.1k Dec 30, 2022
7 Aug 10, 2022
888 Oct 11, 2022
242 Nov 25, 2022