[Woo POS] Animated transition to the Get Support screen

[samiuelson]

Closes: #12628

Description

This PR attempts to animate the transition to the Get Support screen as per design feedback and animations specs (p6riRB-aNq-p2).

Steps to reproduce

1. Enter POS mode
2. Tap "Get Support" from the bottom menu
3. Observe transition to the support screen

Testing information

Transitions should follow animation specs (see above), and animate by sliding horizontally between screens.

The tests that have been performed

As shown in the section below, I checked the animations of transitions when entering and exiting the "Get Support" screen. In the store management mode, the transitions should remain unchanged.

Devices: Galaxy Tab S9 FE, Android 14

Images/gif

Before

Screen_recording_20240917_124211.mp4

After

Screen_recording_20240917_120252.mp4

• I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

Reviewer (or Author, in the case of optional code reviews):

Please make sure these conditions are met before approving the PR, or request changes if the PR needs improvement:

• The PR is small and has a clear, single focus, or a valid explanation is provided in the description. If needed, please request to split it into smaller PRs.
• Ensure Adequate Unit Test Coverage: The changes are reasonably covered by unit tests or an explanation is provided in the PR description.
• Manual Testing: The author listed all the tests they ran, including smoke tests when needed (e.g., for refactorings). The reviewer confirmed that the PR works as expected on big (tablet) and small (phone) in case of UI changes, and no regressions are added.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce-Wear Android
	Platform	⌚️ Wear OS
	Flavor	Jalapeno
	Build Type	Debug
	Commit	4065455
	Direct Download	woocommerce-wear-prototype-build-pr12630-4065455.apk

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce Android
	Platform	📱 Mobile
	Flavor	Jalapeno
	Build Type	Debug
	Commit	4065455
	Direct Download	woocommerce-prototype-build-pr12630-4065455.apk

[backwardstruck]

I think this is the issue you meant to link:
#12628

[samiuelson]

Thanks for review, @kidinov! I updated the animations:

Screen_recording_20240918_104438.mp4

Let me know what you think.

[kidinov]

@samiuelson, my understanding is that we should have something like this (no alpha, just moving from the right to left and backwards). The animations from android do have alpha so custom are needed

Here is the patch for android 34+
Animation_for_34+.patch

09-18--17-05.mp4

For Android <34, we also need to add overridePendingTransition in the activity's finish method to have proper back animation

[samiuelson]

@samiuelson, my understanding is that we should have something like this (no alpha, just moving from the right to left and backwards). The animations from android do have alpha so custom are needed

Makes sense, updated — 278c0b8

For Android <34, we also need to add overridePendingTransition in the activity's finish method to have proper back animation

Good catch, fixed:

pre-34.mp4

Let me know what you think, @kidinov.

[samiuelson]

👋🏼 @backwardstruck, @kidinov, this is ready for review again.

[kidinov]

@samiuelson

• I think on Android <34 it slides in the opposite direction it should (from left to right)
• Can we just override finish method instead of calling adjustExitTransition from multiples places? I haven't tried it, but I recall that was the way

    override fun finish() {
        adjustExitTransition()
        super.finish()
    }

09-20--15-37.mp4

[wpmobilebot]

Version 20.5 has now entered code-freeze, so the milestone of this PR has been updated to 20.6.