Android导航组件弹出过渡问题

2023年10月11日 276次阅读

我有2个动作

措施1

 <action
        android:id="@+id/actionBaseFragmentToAskForLocation"
        app:destination="@+id/introAskForLocationFragment"
        app:enterAnim="@anim/slide_in_right"
        app:exitAnim="@anim/slide_out_left"
        app:popEnterAnim="@anim/slide_in_left"
        app:popExitAnim="@anim/slide_out_right" />

措施2

<action
        android:id="@+id/actionIntroAskLocationToLogin"
        app:destination="@id/loginFragment"
        app:enterAnim="@anim/slide_in_right"
        app:exitAnim="@anim/slide_out_left"
        app:popEnterAnim="@anim/slide_in_right"
        app:popExitAnim="@anim/fade_out"
        app:popUpTo="@+id/app_main_navigation" />

我想要的是当第二个动作被触发时我想要清除后台堆栈并且只设置loginFragment以保留在堆栈中.

只有一个问题是当我执行Action2时,’slide_out_right’作为退出动画执行

我知道如果我们从堆栈弹出片段,将触发action1的’popExitAnim’而不是action2的’exitAnim’.

但我想知道如何让片段执行slide_out_left动画以退出并将其弹出堆栈.

最佳答案 由于NavOptions由将抽屉绑定到导航图所使用的便利方法在内部处理,因此这有点难以解决.我最初使用设置菜单和onOptionsItemSelected测试了这个解决方案,但基本的想法也应该在这里工作.

首先,确保您的菜单项ID与导航片段的ID相对应：

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    ...

    <item android:id="@+id/example_id" ... />
</menu>

<navigation xmlns:android="http://schemas.android.com/apk/res/android" ... >

    ...

    <fragment android:id="@+id/example_id" ... />
</navigation>

现在,不要在NavHost活动中使用现成的方法来实现connecting the drawer to your NavController实现NavigationView.OnNavigationItemSelectedListener,并覆盖onNavigationItemSelected方法,如下所示：

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    NavHost navHost = Navigation.findNavController(this, R.id.your_nav_host_fragment);
    return NavigationUI.onNavDestinationSelected(item, navHost);
}

这会将选择转发为图表中的导航.将your_nav_host_fragment替换为您在其上设置app的片段ID：defaultNavHost =“true”.

您会注意到,虽然这有效,但它仍然默认为幻灯片动画.这是因为NavigationUI call internally creates its own NavOptions具有以下设置：

NavOptions.Builder builder = new NavOptions.Builder()
                .setLaunchSingleTop(true)
                .setEnterAnim(R.anim.nav_default_enter_anim)
                .setExitAnim(R.anim.nav_default_exit_anim)
                .setPopEnterAnim(R.anim.nav_default_pop_enter_anim)
                .setPopExitAnim(R.anim.nav_default_pop_exit_anim);

不幸的是,该方法尚未将NavOptions.Builder作为参数,但您可以基于Android源代码创建一个实用程序类来模拟该功能：

public class NavigationUIHelper {
    public static boolean onNavDestinationSelected(@NonNull MenuItem item,
                                                   @NonNull NavController navController,
                                                   @NonNull NavOptions.Builder builder) {
        if ((item.getOrder() & Menu.CATEGORY_SECONDARY) == 0) {
            NavDestination destination = findStartDestination(navController.getGraph());
            builder.setPopUpTo(destination.getId(), false);
        }
        NavOptions options = builder.build();
        try {
            navController.navigate(item.getItemId(), null, options);
            return true;
        } catch (IllegalArgumentException e) {
            return false;
        }
    }

    // Need to copy this private method as well
    private static NavDestination findStartDestination(@NonNull NavGraph graph) {
        NavDestination startDestination = graph;
        while (startDestination instanceof NavGraph) {
            NavGraph parent = (NavGraph) startDestination;
            startDestination = parent.findNode(parent.getStartDestination());
        }
        return startDestination;
    }
}

最后,在您的活动中,您现在可以将NavigationUI的调用替换为NavigationUIHelper中实现的调用：

@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    NavHost navHost = Navigation.findNavController(this, R.id.your_nav_host_fragment);
    NavOptions.Builder builder = new NavOptions.Builder()
                .setLaunchSingleTop(true)
                .setEnterAnim(R.anim.custom_enter)
                .setExitAnim(R.anim.custom_exit)
                .setPopEnterAnim(R.anim.custom_pop_enter)
                .setPopExitAnim(R.anim.custom_pop_exit);
    return NavigationUIHelper.onNavDestinationSelected(item, navHost, builder);
}

这应该允许您根据自己的喜好更改抽屉过渡动画,而无需替换导航组件.

点赞