Jetpack Compose之Navigation组件使用

导入依赖

    implementation 'androidx.appcompat:appcompat:1.4.2'
    implementation 'androidx.navigation:navigation-runtime-ktx:2.5.0'
    implementation 'androidx.navigation:navigation-fragment-ktx:2.5.0'
    implementation 'androidx.navigation:navigation-ui-ktx:2.5.0'

根据需要创建几个Fragment及Fragment对应的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="register" />
</LinearLayout>
package com.example.wanandroid.ui.fragment

import android.content.Context
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Toast
import androidx.fragment.app.Fragment
import com.example.wanandroid.R

class RegisterFragment: Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_register,container,false)
    }
}

创建导航关系图

1.创建Navigation目录

res资源目录右键新建目录
在这里插入图片描述
在这里插入图片描述

2.创建xml 文件,用来存放fragment 之间的路由关系

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

3.编写nav_login.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"
    android:id="@+id/nav_login"
    app:startDestination="@id/loginFragment">
    <fragment
        android:id="@+id/loginFragment"
        android:name="com.example.wanandroid.ui.fragment.LoginFragment"
        android:label="LoginFragment">
        <action
            android:id="@+id/action_loginFragment_to_registerFragment"
            app:destination="@id/registerFragment" />
    </fragment>
    <fragment
        android:id="@+id/registerFragment"
        android:name="com.example.wanandroid.ui.fragment.RegisterFragment"
        android:label="RegisterFragment" />
</navigation>
4.最终结构如下图:

在这里插入图片描述

标签属性说明

在这里插入图片描述

创建activity容器

方式一之xml使用默认知道加载页面且不传参

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/nav_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true" 
        app:navGraph="@navigation/nav_login"/>
</LinearLayout>

activity中:

package com.example.wanandroid.ui

import android.os.Bundle
import androidx.navigation.NavController
import androidx.navigation.Navigation
import com.example.wanandroid.R

class LoginActivity: BaseCompatActivity() {
    lateinit var navController: NavController

    override fun getLayoutId(): Int {
        return R.layout.activity_login
    }

    override fun initView(savedInstanceState: Bundle?) {
        navController=Navigation.findNavController(this, R.id.nav_fragment)
    }

    override fun onSupportNavigateUp(): Boolean {
        return navController.navigateUp()
    }

}
方式二之动态修改默认起始页

布局文件(不设置navGraph属性):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/nav_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"/>
</LinearLayout>

activity中动态设置setGraph和setStartDestination:

package com.example.wanandroid.ui

import android.os.Bundle
import androidx.navigation.NavController
import androidx.navigation.Navigation
import com.example.wanandroid.R

class LoginActivity: BaseCompatActivity() {
    lateinit var navController: NavController

    override fun getLayoutId(): Int {
        return R.layout.activity_login
    }

    override fun initView(savedInstanceState: Bundle?) {
        navController=Navigation.findNavController(this, R.id.nav_fragment)

        navController.apply {
            var mNavGraph=navInflater.inflate(R.navigation.nav_login)
            mNavGraph.setStartDestination(when (1) {
                1 -> R.id.loginFragment
                else -> R.id.registerFragment
            })
            setGraph(mNavGraph,null)
        }

    }

    override fun onSupportNavigateUp(): Boolean {
        return navController.navigateUp()
    }

}
起始页fragment点击跳转另一个fragment关键代码

在这里插入图片描述

属性说明
属性说明
app:defaultNavHost=“true”表示拦截系统的返回按钮事件
app:navGraph=“@navigation/nav_login”NavHostFragment关联的导航图为nav_login.xml

效果:
请添加图片描述

传值

activity,fragment间传值-接收

activity中传递:
在这里插入图片描述
fragment中接收:
在这里插入图片描述

注意:Activity 传参,每个 Fragment 都可获取
fragment间传值-接收

传递:
在这里插入图片描述
接收:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值