android - 如何使用导航组件从底部动画在目的地之间滑动？

Question

这是我的代码，用于滑入和滑出动画，如何使用导航组件从底部动画在目的地之间滑动？

  <action
            android:id="@+id/action_nav_intro_to_nav_permission"
            app:destination="@id/nav_permission"

            app:popUpTo="@id/nav_intro"
            app:popUpToInclusive="true"

            app:enterAnim="@anim/slide_in_right"
            app:exitAnim="@anim/slide_out_left"
            app:popEnterAnim="@anim/slide_in_left"
            app:popExitAnim="@anim/slide_out_right"
            />

Answer 1

在res/anim下创建两个动画XML资源文件夹:
slide_down.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="400"
        android:fromYDelta="0"
        android:toYDelta="100%" />
</set>

这会将 Y 轴上的内容从 0% 转换为 100%，即向下滑动到底部
slide_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="400"
        android:fromYDelta="100%"
        android:toYDelta="0" />
</set>

这会将 Y 轴上的内容从 100% 转换为 0%，即从底部向上滑动
然后为导航操作修改您的 XML，如下所示:

    <action
        android:id="@+id/action_nav_intro_to_nav_permission"
        app:destination="@id/nav_permission"
    
        app:popUpTo="@id/nav_intro"
        app:popUpToInclusive="true"
    
        app:enterAnim="@anim/slide_up"
        app:exitAnim="@anim/slide_down"
        app:popEnterAnim="@anim/slide_up"
        app:popExitAnim="@anim/slide_down"
   />

编辑:2021 年 5 月 19 日
@Amin 在评论中正确指出您的 GIF 不显示退出动画向下滑动，因此请尝试以下替代方法:

app:enterAnim="@anim/slide_up"
app:exitAnim="@null"
app:popEnterAnim="@null"
app:popExitAnim="@anim/slide_down"