Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SET] Fix transition restart #4947

Merged
merged 16 commits into from
Sep 22, 2023
Merged

[SET] Fix transition restart #4947

Show file tree
Hide file tree
Changes from 15 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
ce83d0f
stash
piaskowyk Aug 18, 2023
eca1b95
iOS works
piaskowyk Aug 18, 2023
9453e1c
Android works 😍
piaskowyk Aug 22, 2023
bb38f4e
Clean up part 1
piaskowyk Aug 22, 2023
bf5444a
Restore Exapmle app
piaskowyk Aug 22, 2023
c2d07d0
Clean up part 2
piaskowyk Aug 22, 2023
1b0a69a
Merge branch 'main' into @piaskowyk/SET-stability-v1
piaskowyk Aug 22, 2023
c1b9c81
Add example
piaskowyk Aug 22, 2023
facf82c
Remove console logs
piaskowyk Aug 22, 2023
fd49469
Update TS
piaskowyk Aug 23, 2023
f401291
Fix MacOS
piaskowyk Aug 23, 2023
291d8ec
Update variable name
piaskowyk Aug 23, 2023
f7f4b6b
Update variable name
piaskowyk Aug 25, 2023
d024932
Merge branch 'main' into @piaskowyk/SET-stability-v1
piaskowyk Sep 4, 2023
5aeeec7
Merge branch 'main' into @piaskowyk/SET-stability-v1
piaskowyk Sep 21, 2023
13caf1f
Improvements after review part2
piaskowyk Sep 22, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
152 changes: 62 additions & 90 deletions ...oid/src/main/java/com/swmansion/reanimated/layoutReanimation/SharedTransitionManager.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,18 +27,17 @@ public class SharedTransitionManager {
private final List<View> mAddedSharedViews = new ArrayList<>();
private final Map<Integer, View> mSharedTransitionParent = new HashMap<>();
private final Map<Integer, Integer> mSharedTransitionInParentIndex = new HashMap<>();
private boolean mIsSharedTransitionActive;
private final Map<Integer, Snapshot> mSnapshotRegistry = new HashMap<>();
private final Map<Integer, View> mCurrentSharedTransitionViews = new HashMap<>();
private View mTransitionContainer;
private final List<View> mRemovedSharedViews = new ArrayList<>();
private final Set<Integer> mViewTagsToHide = new HashSet<>();
private final Map<Integer, Integer> mDisableCleaningForViewTag = new HashMap<>();
private List<SharedElement> mSharedElements = new ArrayList<>();
private Map<Integer, SharedElement> mSharedElementsLookup = new HashMap<>();
private final Map<Integer, SharedElement> mSharedElementsLookup = new HashMap<>();
private final List<SharedElement> mSharedElementsWithProgress = new ArrayList<>();
private final List<SharedElement> mSharedElementsWithAnimation = new ArrayList<>();
private final Map<Integer, View> mViewsWithCanceledAnimation = new HashMap<>();
private final Set<View> mReattachedViews = new HashSet<>();

public SharedTransitionManager(AnimationsManager animationsManager) {
mAnimationsManager = animationsManager;
Expand Down Expand Up @@ -78,41 +77,9 @@ protected void onViewsRemoval(int[] tagsToDelete) {
mRemovedSharedViews.clear();
}
visitTreeForTags(tagsToDelete, new ConfigCleanerTreeVisitor());
} else if (mCurrentSharedTransitionViews.size() > 0) {
// this happens when navigation goes back and previous shared animation is still running
List<View> viewsWithNewTransition = new ArrayList<>();
for (View view : mCurrentSharedTransitionViews.values()) {
for (int tagToDelete : tagsToDelete) {
if (isViewChildParentWithTag(view, tagToDelete)) {
viewsWithNewTransition.add(view);
}
}
}
tryStartSharedTransitionForViews(viewsWithNewTransition, false);
for (View view : viewsWithNewTransition) {
clearAllSharedConfigsForView(view);
}
}
}

private boolean isViewChildParentWithTag(View view, int parentTag) {
View parent = mSharedTransitionParent.get(view.getId());
while (parent != null) {
if (parent.getId() == parentTag) {
return true;
}
if (parent.getClass().getSimpleName().equals("Screen")) {
return false;
}
if (parent instanceof View) {
parent = (View) parent.getParent();
} else {
return false;
}
}
return false;
}

protected void doSnapshotForTopScreenViews(ViewGroup stack) {
int screensCount = stack.getChildCount();
if (screensCount > 0) {
Expand Down Expand Up @@ -206,6 +173,8 @@ private void sortViewsByTags(List<View> views) {

private List<SharedElement> getSharedElementsForCurrentTransition(
List<View> sharedViews, boolean addedNewScreen) {
// ignore removed views if it is transition restart
boolean ignoreRemovedViews = mReattachedViews.size() > 0;
List<View> newTransitionViews = new ArrayList<>();
Set<Integer> viewTags = new HashSet<>();
if (!addedNewScreen) {
Expand All @@ -216,9 +185,20 @@ private List<SharedElement> getSharedElementsForCurrentTransition(
List<SharedElement> sharedElements = new ArrayList<>();
ReanimatedNativeHierarchyManager reanimatedNativeHierarchyManager =
mAnimationsManager.getReanimatedNativeHierarchyManager();
Set<Integer> removedViewsTags = new HashSet<>();
for (View view : mRemovedSharedViews) {
removedViewsTags.add(view.getId());
}
for (View sharedView : sharedViews) {
int targetViewTag =
mNativeMethodsHolder.findPrecedingViewTagForTransition(sharedView.getId());
if (ignoreRemovedViews) {
while (removedViewsTags.contains(targetViewTag)) {
mNativeMethodsHolder.clearAnimationConfig(targetViewTag);
targetViewTag =
mNativeMethodsHolder.findPrecedingViewTagForTransition(sharedView.getId());
}
}
piaskowyk marked this conversation as resolved.
Show resolved Hide resolved
boolean bothAreRemoved = !addedNewScreen && viewTags.contains(targetViewTag);
if (targetViewTag < 0) {
continue;
Expand All @@ -240,10 +220,7 @@ private List<SharedElement> getSharedElementsForCurrentTransition(

boolean isSourceViewInTransition =
mCurrentSharedTransitionViews.containsKey(viewSource.getId());
boolean isTargetViewInTransition =
mCurrentSharedTransitionViews.containsKey(viewTarget.getId());

if (!(isSourceViewInTransition || isTargetViewInTransition)) {
if (!isSourceViewInTransition) {
View viewSourceScreen = findScreen(viewSource);
View viewTargetScreen = findScreen(viewTarget);
if (viewSourceScreen == null || viewTargetScreen == null) {
Expand Down Expand Up @@ -296,6 +273,9 @@ private List<SharedElement> getSharedElementsForCurrentTransition(
sourceViewSnapshot = mSnapshotRegistry.get(viewSource.getId());
}
Snapshot targetViewSnapshot = mSnapshotRegistry.get(viewTarget.getId());
if (targetViewSnapshot == null) {
continue;
}

newTransitionViews.add(viewSource);
newTransitionViews.add(viewTarget);
Expand All @@ -306,22 +286,24 @@ private List<SharedElement> getSharedElementsForCurrentTransition(
}

if (!newTransitionViews.isEmpty()) {
for (View view : mCurrentSharedTransitionViews.values()) {
if (newTransitionViews.contains(view)) {
disableCleaningForViewTag(view.getId());
} else {
mViewsWithCanceledAnimation.put(view.getId(), view);
List<View> currentSourceViews = new ArrayList<>();
for (SharedElement sharedElement : mSharedElements) {
currentSourceViews.add(sharedElement.sourceView);
}
Set<View> newSourceViews = new HashSet<>();
for (SharedElement sharedElement : sharedElements) {
newSourceViews.add(sharedElement.sourceView);
}
for (View view : currentSourceViews) {
if (!newSourceViews.contains(view)) {
mViewTagsToHide.remove(view.getId());
view.setVisibility(View.INVISIBLE);
}
}
mCurrentSharedTransitionViews.clear();
for (View view : newTransitionViews) {
mCurrentSharedTransitionViews.put(view.getId(), view);
}
List<View> viewsWithCanceledAnimation = new ArrayList<>(mViewsWithCanceledAnimation.values());
for (View view : viewsWithCanceledAnimation) {
cancelAnimation(view);
finishSharedAnimation(view.getId());
}
}

mSharedElements = sharedElements;
Expand All @@ -332,17 +314,17 @@ private List<SharedElement> getSharedElementsForCurrentTransition(
}

private void setupTransitionContainer() {
if (!mIsSharedTransitionActive) {
mIsSharedTransitionActive = true;
if (mTransitionContainer == null) {
ReactContext context = mAnimationsManager.getContext();
mTransitionContainer = new ReactViewGroup(context);
}
if (mTransitionContainer.getParent() == null) {
ReactContext context = mAnimationsManager.getContext();
Activity currentActivity = context.getCurrentActivity();
if (currentActivity == null) {
return;
}
ViewGroup rootView = (ViewGroup) currentActivity.getWindow().getDecorView().getRootView();
if (mTransitionContainer == null) {
mTransitionContainer = new ReactViewGroup(context);
}
rootView.addView(mTransitionContainer);
mTransitionContainer.bringToFront();
}
Expand All @@ -357,17 +339,17 @@ private void reparentSharedViewsForCurrentTransition(List<SharedElement> sharedE
viewSource.getId(), ((ViewGroup) viewSource.getParent()).indexOfChild(viewSource));
((ViewGroup) viewSource.getParent()).removeView(viewSource);
((ViewGroup) mTransitionContainer).addView(viewSource);
mReattachedViews.add(viewSource);
}
}
}

private void startSharedTransition(List<SharedElement> sharedElements, int type) {
for (SharedElement sharedElement : sharedElements) {
View sourceView = sharedElement.sourceView;
sourceView.setVisibility(View.VISIBLE);
startSharedAnimationForView(
sharedElement.sourceView,
sharedElement.sourceViewSnapshot,
sharedElement.targetViewSnapshot,
type);
sourceView, sharedElement.sourceViewSnapshot, sharedElement.targetViewSnapshot, type);
sharedElement.targetView.setVisibility(View.INVISIBLE);
}
}
Expand All @@ -391,14 +373,16 @@ protected void finishSharedAnimation(int tag) {
enableCleaningForViewTag(tag);
return;
}
View view = mCurrentSharedTransitionViews.get(tag);
if (view == null) {
view = mViewsWithCanceledAnimation.get(tag);
if (view != null) {
mViewsWithCanceledAnimation.remove(view.getId());
}
SharedElement sharedElement = mSharedElementsLookup.get(tag);
if (sharedElement == null) {
return;
}
if (view != null) {
mSharedElementsLookup.remove(tag);
View view = sharedElement.sourceView;

if (mReattachedViews.contains(view)) {
mReattachedViews.remove(view);

int viewTag = view.getId();
((ViewGroup) mTransitionContainer).removeView(view);
View parentView = mSharedTransitionParent.get(viewTag);
Expand Down Expand Up @@ -434,47 +418,40 @@ protected void finishSharedAnimation(int tag) {
view.setVisibility(View.INVISIBLE);
}

SharedElement sharedElement = mSharedElementsLookup.get(viewTag);
if (sharedElement != null) {
View targetView = sharedElement.targetView;
Integer targetViewTag = targetView.getId();
targetView.setVisibility(View.VISIBLE);
mCurrentSharedTransitionViews.remove(targetViewTag);
mViewsWithCanceledAnimation.remove(targetViewTag);
}

View targetView = sharedElement.targetView;
int targetViewTag = targetView.getId();
mCurrentSharedTransitionViews.remove(targetViewTag);
mCurrentSharedTransitionViews.remove(viewTag);
mSharedTransitionParent.remove(viewTag);
mSharedTransitionInParentIndex.remove(viewTag);

if (mRemovedSharedViews.contains(view)) {
mNativeMethodsHolder.clearAnimationConfig(view.getId());
mRemovedSharedViews.remove(view);
}
}
if (mCurrentSharedTransitionViews.isEmpty()) {
sharedElement.targetView.setVisibility(View.VISIBLE);
if (mRemovedSharedViews.contains(view)) {
mRemovedSharedViews.remove(view);
mSnapshotRegistry.remove(view.getId());
mNativeMethodsHolder.clearAnimationConfig(view.getId());
}
if (mReattachedViews.isEmpty()) {
if (mTransitionContainer != null) {
ViewParent transitionContainerParent = mTransitionContainer.getParent();
if (transitionContainerParent != null) {
mTransitionContainer.setVisibility(View.INVISIBLE);
// To prevent modifications of the views tree while Android is iterating
// over them, we can schedule the modification for the next frame. This
// approach is safe. The transparent transition container will remain on
// the screen for one additional frame before being removed.
mTransitionContainer.post(
() -> {
if (mReattachedViews.size() > 0) {
return;
}
((ViewGroup) transitionContainerParent).removeView(mTransitionContainer);
mTransitionContainer.setVisibility(View.VISIBLE);
});
}
}
mSharedElements.clear();
mSharedElementsLookup.clear();
mSharedElementsWithProgress.clear();
mSharedElementsWithAnimation.clear();
mRemovedSharedViews.clear();
mViewTagsToHide.clear();
mIsSharedTransitionActive = false;
}
}

Expand Down Expand Up @@ -592,11 +569,6 @@ private void clearAllSharedConfigsForView(View view) {
mNativeMethodsHolder.clearAnimationConfig(viewTag);
}

private void cancelAnimation(View view) {
int viewTag = view.getId();
mNativeMethodsHolder.cancelAnimation(viewTag);
}

private void disableCleaningForViewTag(int viewTag) {
Integer counter = mDisableCleaningForViewTag.get(viewTag);
if (counter != null) {
Expand Down
Loading