初识Navigation(导航)

初识JetPack之——Navigation(导航)


本文为学习类文档,通过学习B站up主longway777的视频,如有侵权,请联系博主进行删除

关于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
在这里插入图片描述
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();//返回父类
    }
}

在这里插入图片描述
9. 最终实现图,:
在这里插入图片描述
在这里插入图片描述

发布了18 篇原创文章 · 获赞 1 · 访问量 330

猜你喜欢

转载自blog.csdn.net/qq_40509784/article/details/105375269