美文网首页
Android Navigation组件(一)

Android Navigation组件(一)

作者: SimpleFunc | 来源:发表于2020-09-21 11:10 被阅读0次

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

Navigation带来的变化

1. 页面关系可视化编辑

navigation-graph

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

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

  1. 真正的使用着并没有感觉到便捷
    Navigation Editor的真正的使用者是应用开发,现阶段想让产品,UI, UE使用这个不现实。开发者已经习惯使用编码的方式来处理页面跳转的逻辑,而且Navigation Editor处理比较复杂的页面关系,传递比较复杂的数据这面使用也并不便捷,所以对开发者而言直接使用编辑xml的形式更加可靠,高效和直观。
  2. 多人协作问题
    在多人协作开发中,肯定会存在多人同时编辑的问题,如果可视化编辑修改的是同一个页面或相关的页面,肯定会带来更大的代码冲突,对开发来说感觉更不可控。
  3. 可视化的问题
    大型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就行了

相关文章

网友评论

      本文标题:Android Navigation组件(一)

      本文链接:https://www.haomeiwen.com/subject/upbuyktx.html