android使用Navigation实现Fragment之间的跳转之一：基础使用

简介

Navigation组件简化了Android应用程序中页面之间跳转的实现。在 AndroidStudio3.2中可以使用,默认情况下，Navigation组件支持fragments和Activities，也可以自定义支持类型

新建Navigation

首先添加依赖:

 

implementation 'android.arch.navigation:navigation-fragment:1.0.0-alpha01'

然后:

• 1. 新建一个项目,右键单击 res 文件夹,选择 New > Android resource file
• 1. 输入文件名,例如:"nav_graph"
• 1. 文件类型选择 Navigation
• 1. 点击 OK
• 5.打开此文件

效果如下图:

图一

认识编辑器

Navigation编辑器有三个部分:

图二

• 1.Destinations list -- 列出在Graph Editor中的所有Destinations。

• 1. Graph Editor -- Destinations的可视化。

• 3.属性编辑器 - 包含Destinations和action相关的属性。

创建Destinations

在Graph Editor点击 +号 > create blank Destinations创建新的Destinations,默认为 fragment,此处我创建了两个Destinations,如图:

图三

此时Text视图中:

 

连接Destination

点击一个Destination,其右侧会出现一个圆圈

图四

单击圆圈并按住,连接到其他的Destination:

图五

此时 Text视图中:

 

编辑MainActivity(此处是MainActivity)

在MainActivity的 xml 中添加:

 

app:defaultNavHost="true" 此属性可确保您NavHostFragment拦截系统返回按钮也可以重写AppCompatActivity.onSupportNavigateUp()方法:

 

@Override
public boolean onSupportNavigateUp() {
    return Navigation.findNavController(this, R.id.nav_host_fragment).navigateUp();
}

此时 MainActivity 如图:

图六

开始使用

跳转到Destinations使用的是NavController这个类,可以由以下方法返回

• NavHostFragment.findNavController(Fragment)

• Navigation.findNavController(Activity, @IdRes int viewId)

• Navigation.findNavController(View)

我们在 First Fragment 中添加几个按钮并设置点击事件:

图七

 

再点击事件中写:

 

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            default:
                break;
            case R.id.button_1:
                Navigation.findNavController(v).navigate(R.id.action_firstFragment_to_secondFragment);
                break;
        }
      }

或者使用:

 

mButton2.setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_firstFragment_to_secondFragment, null));
Navigation.createNavigateOnClickListener() 返回一个View.OnClickListener对象

点击运行:

运行

Navigation与 Menu 结合使用

首先依赖一下:

 

implementation 'android.arch.navigation:navigation-ui:1.0.0-alpha01'

再次新建一个Destinations,

 

新建 menu 文件menu_nav_drawer:

 

然后把MainActivity对应的 xml 改一下:

 

之后MainActivity中:

 

        NavigationView mNavView = (NavigationView) findViewById(R.id.nav_view);
        NavController navController = Navigation.findNavController(this, R.id.my_nav_host_fragment);
        NavigationUI.setupWithNavController(mNavView, navController);

运行一下:

运行