Android Navigation组件（一）

Navigation组件是Android官方Jetpack项目中的一个UI组件，目的使页面逻辑可视化，让开发能快速处理页面跳转的相关逻辑。

Navigation带来的变化

1. 页面关系可视化编辑

navigation-graph

正如官方文档描述，Navigation最大的改变就是在Android studio中可以可视化页面的跳转，通过拖拽等简单操作编辑页面跳转和参数传递。官方希望通过这些手段来降低开发着处理页面直接关系的难度，降低入门门槛。但是现实是比较复杂的，就像苹果推出的Storyboard一样，很难被大家接受完全使用可视化的编辑。

原因大概有以下几点(个人观点)：

真正的使用着并没有感觉到便捷
Navigation Editor的真正的使用者是应用开发，现阶段想让产品，UI， UE使用这个不现实。开发者已经习惯使用编码的方式来处理页面跳转的逻辑，而且Navigation Editor处理比较复杂的页面关系，传递比较复杂的数据这面使用也并不便捷，所以对开发者而言直接使用编辑xml的形式更加可靠，高效和直观。
多人协作问题
在多人协作开发中，肯定会存在多人同时编辑的问题，如果可视化编辑修改的是同一个页面或相关的页面，肯定会带来更大的代码冲突，对开发来说感觉更不可控。
可视化的问题
大型app的页面非常多，而且关系比较复杂，如果都用可视化这套来编辑和开发，那体验也会比较差。仍然没有代码来的直接和清晰。

2. 单Activity多Fragment逻辑

之前的应用开发大部分应该是每个独立的页面对应一个Activity, 一个App中包含多个Activity. 在
Navigation组件的设计中是单Activity对应多Fragment，一个App中只有一个Activity, 而且这个Activity通常只是一个容器，用来处理后面Fragment之间的切换。
在Fragment刚出来时就有这个方向的讨论，现在看来应该比较明确了，官方一直在优化Fragment, 解决生命周期相关的问题。以后肯定希望开发者更多的使用Fragment.
Activity在设计的时候虽然比较独立，完善。但是后面开发的时候越来越臃肿，而且性能不是特别高，例如在启动时和大量数据传递的时候。这是由很早之前的设计原理决定的，短时间内也无法修改。所以官方一直想解决该问题。随着现在AndroidX中的Fragment组件越来越完善，问题越来越少，也建议大家尽量使用Fragment来替换Activity。

3. 页面跳转更加便捷

现在页面跳转逻辑都写在了nav_graph，跳转逻辑集中了起来，方便管理。通过naviController可以快速，简单的实现页面跳转。官方也增加了Safe Args插件来处理比较多数据传递的问题。

使用中的问题

Navigation的使用还是比较简单的，就不再赘述了，看官方文档就能搞定。主要还是说说实际使用中碰到的问题。

由于模版的问题，现在使用稳定版本的android studio创建的项目，其中的实现都是比较旧方式，新版本的Navigation组件的实现有了些变化。

FragmentContainerView

最早的实现是使用fragment来充当nav_host,

nav_host就是Navigation组件中所有Fragment的容器，后面所有fragment的切换都在其内部执行。

现在官方已经建议使用FragmentContainerView来充当nav_host，因为之前的那个Fragment本来就是多余的，Fragment之间的切换本来只需要一个view而已。这个类的名字已经很形象了，就是用来存放fragment的，继承自FrameLayout. 在xml中可以使用android:name来指定要添加进去的fragment。
注意：FragmentContainerView中不能通过addView添加没有关联到fragment的View
看下源码就知道原因了

@Override
public void addView(@NonNull View child, int index, @Nullable ViewGroup.LayoutParams params) {
    if (FragmentManager.getViewFragment(child) == null) {
          throw new IllegalStateException("Views added to a FragmentContainerView must be"
                    + " associated with a Fragment. View " + child + " is not associated with a"
                    + " Fragment.");
    }
    super.addView(child, index, params);
}

在Activity中获取navController的方式有了些变化
之前的实现：

 val navController = findNavController(R.id.nav_host_fragment)

替换为FragmentContainerView之后：

val navHostFragment = supportFragmentManager.findFragmentById(R.id.nav_host_fragment) as NavHostFragment
val navController = navHostFragment.findNavController()

与BottomNavigationView一起使用更改切换动画

Navigation与BottomNavigationView一起使用也比较简单，按照Android studio对应的模版创建好项目之后就有默认的实现了。默认的实现中tab之间的切换动画是淡入淡出，如果想更改切换动画该怎么做呢？看了BottomNavigationView和Navigation的所有API，没有找到可以直接修改的API(若有人知道可以评论告知)。既然不能直接修改，那就看看源码能不能动手。
先看BottomNavigationView的setupWithNavController的方法

fun BottomNavigationView.setupWithNavController(navController: NavController) {
    NavigationUI.setupWithNavController(this, navController)
}

NavigationUI.setupWithNavController

 public static void setupWithNavController(
            @NonNull final BottomNavigationView bottomNavigationView,
            @NonNull final NavController navController) {
        bottomNavigationView.setOnNavigationItemSelectedListener(
                new BottomNavigationView.OnNavigationItemSelectedListener() {
                    @Override
                    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                        return onNavDestinationSelected(item, navController);
                    }
                });
        final WeakReference<BottomNavigationView> weakReference =
                new WeakReference<>(bottomNavigationView);
        navController.addOnDestinationChangedListener(
                new NavController.OnDestinationChangedListener() {
                                         ...

按照一般的逻辑，bottomNavigationView在切换tab的时候，肯定是要触发OnNavigationItemSelectedListener，然后调用navController切换fragment。所以关键就看onNavDestinationSelected方法

public static boolean onNavDestinationSelected(@NonNull MenuItem item,
            @NonNull NavController navController) {
        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);
        if ((item.getOrder() & Menu.CATEGORY_SECONDARY) == 0) {
            builder.setPopUpTo(findStartDestination(navController.getGraph()).getId(), false);
        }
        NavOptions options = builder.build();
        try {
            //TODO provide proper API instead of using Exceptions as Control-Flow.
            navController.navigate(item.getItemId(), null, options);
            return true;
        } catch (IllegalArgumentException e) {
            return false;
        }
    }

果然在onNavDestinationSelected中可以通过NavOptions设置进场，出场动画。那逻辑就比较简单了，按照源码重写这几个方法，修改NavOptions的动画，然后调用自己写的setupWithNavController就行了