初识JetPack之——Navigation（导航）

  • 关于Navigation
  • Navigation详解
  • Navigation涉及的概念：
  • 界面讲解

关于Navigation

Navigation导航是指支持用户导航、进入和退出应用中不同内容片段的交互。Android Jetpack 的导航组件可帮助您实现导航，无论是简单的按钮点击，还是应用栏和抽屉式导航栏等更为复杂的模式，该组件均可应对。导航组件还通过遵循一套既定原则来确保一致且可预测的用户体验。
简言之就是：对界面切换繁杂的应用程序使用导航实现简易化操作。

Navigation详解

Navigation导航组件由以下三个关键部分组成：

导航图Navigation graph：在一个集中位置包含所有导航相关信息的 XML 资源。这包括应用内所有单个内容区域（称为目标）以及用户可以通过应用获取的可能路径。
NavHost：显示导航图中目标的空白容器。导航组件包含一个默认 NavHost 实现 (NavHostFragment)，可显示 Fragment 目标。
NavController：在 NavHost 中管理应用导航的对象。当用户在整个应用中移动时，NavController 会安排 NavHost 中目标内容的交换。
在应用中导航时，您告诉 NavController，您想沿导航图中的特定路径导航至特定目标，或直接导航至特定目标。NavController 便会在 NavHost 中显示相应目标。

导航组件提供各种其他优势，包括以下内容：

处理 Fragment 事务。
默认情况下，正确处理往返操作。
为动画和转换提供标准化资源。
实现和处理深层链接。
包括导航界面模式（例如抽屉式导航栏和底部导航），用户只需完成极少的额外工作。
Safe Args - 可在目标之间导航和传递数据时提供类型安全的 Gradle 插件。
ViewModel 支持 - 您可以将 ViewModel 的范围限定为导航图，以在图表的目标之间共享与界面相关的数据。
此外，您还可以使用 Android Studio 的 Navigation Editor 来查看和编辑导航图。

注意：如果要使用导航和 Android Studio，则必须使用 Android Studio 3.3 或更高版本。

Navigation涉及的概念：

NavHost：显示导航图中目标的空白容器。也是一个controller

android内导航 android navigation导航_android内导航


Fragement：将屏幕分割处理的每个部分。依存于Activity伴随创建并附加。等同于栈的出栈与入栈

NavController：管理界面逻辑的切换，根据定义的路线做逻辑切换

NavGraph：设置导航的工具，有图形化工具。

界面讲解

实现一个项目，含有两个界面，点击一个界面上的按钮实现跳转界面操作。手机自带的back键或者左上角设置的返回按键实现界面的返回操作。（如今很多手机由于全面屏功能（学习的ios = =）不带返回的物理按键，所以在项目中多设置几个back是好习惯！）

  1. 创建HomeFragement和DetailFragement：在包名处右键new一个Fragement（Blank），如下：
  2. 创建NavGraph资源文件，res->new resources file

    出现提示添加依赖，选择ok并等待完成即可出现图形化导航界面


    导入刚创建的两个Fragement（带有start的为导航初始化界面，可右键更改，如下图）
  3. 对fragement进行连线：
  4. 添加NavHost：在主界面选择NavHostFragement拖动在主界面.xml中：
  5. 创建点击事件即可完成生命活动：
    HomeFragment.java中：
@Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) { //放在此callback中更合适
        super.onActivityCreated(savedInstanceState);
        Button button;
        button = getView().findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                NavController controller = Navigation.findNavController(v);//找到button归属的controller
                controller.navigate(R.id.action_homeFragment_to_detailFragment);
            }
        });

DetailFragment.jaja

@Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        getView().findViewById(R.id.button2).setOnClickListener(Navigation.createNavigateOnClickListener(R.id.action_detailFragment_to_homeFragment));//简便写法，完成切回界面
    }
  1. 创建淡出淡入切换动画（根据喜好选择，记住与进出对应！）：
  2. 运行：
    按下按钮实现切换界面
    再次按下实现界面切回
  3. 左上角返回按键代码以及Fragement界面切换的命名更改设计：
    在MainActivity.java中填写对应信息：
import androidx.appcompat.app.AppCompatActivity;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.NavigationUI;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        NavController controller = Navigation.findNavController(this,R.id.fragment);
        NavigationUI.setupActionBarWithNavController(this,controller);//命名更改结束
    }

    //返回的按键设置
    @Override
    public boolean onSupportNavigateUp() {
        NavController controller = Navigation.findNavController(this,R.id.fragment);
        return controller.navigateUp();
        //return super.onSupportNavigateUp();//返回父类
    }
}

android内导航 android navigation导航_android_02


9. 最终实现图，：

android内导航 android navigation导航_ide_03


android内导航 android navigation导航_ide_04