Jetpack中Navigation的简单使用

2024-06-04 03:12

本文主要是介绍Jetpack中Navigation的简单使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 效果图
  • 添加引用
  • 准备好fragment
  • 创建导航图 Navigation Graph
  • 在 xml 中引入NavHostFragment
  • 在代码中获取controller并写跳转逻辑
  • 带参数的页面跳转
  • demo下载地址
  • 参考文献

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加引用

  1. 在gradle文件夹下的libs.versions.toml中添加如下代码
[versions]
...
navigation = "2.7.7"[libraries]
...
androidx-navigation-ui-ktx = { module = "androidx.navigation:navigation-ui-ktx", version.ref = "navigation" }
androidx-navigation-fragment-ktx = { module = "androidx.navigation:navigation-fragment-ktx", version.ref = "navigation" }
  1. 在 app 下的build.gradle中添加如下代码
dependencies {...// Kotlinimplementation(libs.androidx.navigation.fragment.ktx)implementation(libs.androidx.navigation.ui.ktx)
}
  1. 如果需要用到传参,就需要一下步骤,否则跳过

    1. 在gradle文件夹下的libs.versions.toml中添加如下代码
    [versions]
    ...
    navigation = "2.7.7"[libraries]
    # 选如果需要传参,就添加
    androidx-navigation-safe-args-gradle-plugin = { module = "androidx.navigation:navigation-safe-args-gradle-plugin", version.ref = "navigation" }
    
    1. 在项目的build.gradle文件中添加如下代码
    // Top-level build file where you can add configuration options common to all sub-projects/modules.
    buildscript {dependencies {classpath(libs.androidx.navigation.safe.args.gradle.plugin)}
    }
    plugins {...
    }
    
    1. 在 app 的 build.gradle 文件中添加引用
    plugins {...id("androidx.navigation.safeargs.kotlin")
    }
    

准备好fragment

这个自己准备

创建导航图 Navigation Graph

  1. res目录下创建navigation文件夹
  2. navigation文件夹下新建 navigation_phone.xml
<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/navigation_phone"app:startDestination="@id/fragmentHome"><!--id: 给fragment起的名字,后续是用来跳转用的name:是具体fragment的路径layout:是用来预览用的--><fragmentandroid:id="@+id/fragmentHome"android:name="com.test.navigationdemo.fragment.HomeFragment"tools:layout="@layout/fragment_home" />...<fragmentandroid:id="@+id/fragmentMine"android:name="com.test.navigationdemo.fragment.MineFragment"tools:layout="@layout/fragment_mine"><!--id: 也是后续用来跳转用的destination:跳转的目的地,也是 fragment 标签的identerAnim ,exitAnim,popEnterAnim,popExitAnim 是用来设置进入和退出动画的--><actionandroid:id="@+id/action_fragmentMine_to_fragmentPrivacy"app:destination="@id/fragmentPrivacy"app:enterAnim="@anim/slide_in_right"app:exitAnim="@anim/slide_out_left"app:popEnterAnim="@anim/slide_in_left"app:popExitAnim="@anim/slide_out_right" /></fragment></navigation>

在 xml 中引入NavHostFragment

<!-- app:defaultNavHost="true"设置为true,代表回退栈由navController管理如果想自己管理,就不设置-->
<!-- 注意:这里我用的是FragmentContainerView,如果使用的是 fragment 标签,在 MainActivity代码中获取controller有区别
-->
<androidx.fragment.app.FragmentContainerViewandroid:id="@+id/fragmentStart"android:name="androidx.navigation.fragment.NavHostFragment"android:layout_width="0dp"android:layout_height="0dp"app:layout_constraintBottom_toTopOf="@id/rbGroup"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:navGraph="@navigation/navigation_phone" />

在代码中获取controller并写跳转逻辑

val hostFragment = supportFragmentManager.findFragmentById(R.id.fragmentStart) as NavHostFragment
val navController = hostFragment.navController
// 添加动画
val options = NavOptions.Builder().setEnterAnim(R.anim.fade_in).setExitAnim(R.anim.fade_out).build()
bind.rbGroup.setOnCheckedChangeListener { _, checkedId ->when (checkedId) {bind.rbHome.id -> navController.navigate(R.id.fragmentHome, null, options)bind.rbNews.id -> navController.navigate(R.id.fragmentNews, null, options)bind.rbHots.id -> navController.navigate(R.id.fragmentHots, null, options)bind.rbMine.id -> navController.navigate(R.id.fragmentMine, null, options)}
}

带参数的页面跳转

  1. 在 navigation graph中 需要接收参数的fragment下面添加argument标签
<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/navigation_phone"app:startDestination="@id/fragmentHome">...<fragmentandroid:id="@+id/fragmentParam"android:name="com.test.navigationdemo.fragment.ParamsFragment"tools:layout="@layout/fragment_parmas"><!--name:参数名argType:参数类型defaultValue:默认值--><argumentandroid:name="name"android:defaultValue="nobody"app:argType="string" /><argumentandroid:name="age"android:defaultValue="0"app:argType="integer" /></fragment></navigation>
  1. kotlin 代码如下
val navDirections =MineFragmentDirections.actionFragmentMineToFragmentParam(bind.edtName.text.toString().trim(),bind.edtAge.text.toString().toIntOrNull() ?: 0)
findNavController().navigate(navDirections)

demo下载地址

demo下载地址

参考文献

1. Navigation | Android Developers

这篇关于Jetpack中Navigation的简单使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1028904

相关文章

中文分词jieba库的使用与实景应用(一)

知识星球:https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义: 精确模式(默认模式): 全模式: 搜索引擎模式: paddle 模式(基于深度学习的分词模式): 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取

使用SecondaryNameNode恢复NameNode的数据

1)需求: NameNode进程挂了并且存储的数据也丢失了,如何恢复NameNode 此种方式恢复的数据可能存在小部分数据的丢失。 2)故障模拟 (1)kill -9 NameNode进程 [lytfly@hadoop102 current]$ kill -9 19886 (2)删除NameNode存储的数据(/opt/module/hadoop-3.1.4/data/tmp/dfs/na

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数

Makefile简明使用教程

文章目录 规则makefile文件的基本语法:加在命令前的特殊符号:.PHONY伪目标: Makefilev1 直观写法v2 加上中间过程v3 伪目标v4 变量 make 选项-f-n-C Make 是一种流行的构建工具,常用于将源代码转换成可执行文件或者其他形式的输出文件(如库文件、文档等)。Make 可以自动化地执行编译、链接等一系列操作。 规则 makefile文件

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

csu 1446 Problem J Modified LCS (扩展欧几里得算法的简单应用)

这是一道扩展欧几里得算法的简单应用题,这题是在湖南多校训练赛中队友ac的一道题,在比赛之后请教了队友,然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意:把题意转变下就变成了:求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点:求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个

hdu2289(简单二分)

虽说是简单二分,但是我还是wa死了  题意:已知圆台的体积,求高度 首先要知道圆台体积怎么求:设上下底的半径分别为r1,r2,高为h,V = PI*(r1*r1+r1*r2+r2*r2)*h/3 然后以h进行二分 代码如下: #include<iostream>#include<algorithm>#include<cstring>#include<stack>#includ

usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

思路: 1. 用一个 hash[ ] 数组存放输入的数字,令 hash[ tmp ]=1 。 2. 一个自定义函数 check( ) ,检查各位是否为输入的数字。 3. 暴搜。第一行数从 100到999,第二行数从 10到99。 4. 剪枝。 代码: /*ID: who jayLANG: C++TASK: crypt1*/#include<stdio.h>bool h

pdfmake生成pdf的使用

实际项目中有时会有根据填写的表单数据或者其他格式的数据,将数据自动填充到pdf文件中根据固定模板生成pdf文件的需求 文章目录 利用pdfmake生成pdf文件1.下载安装pdfmake第三方包2.封装生成pdf文件的共用配置3.生成pdf文件的文件模板内容4.调用方法生成pdf 利用pdfmake生成pdf文件 1.下载安装pdfmake第三方包 npm i pdfma

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]