Android-Jetpack从入门到精通（深度好文，值得收藏）

2401_87022248

于 2024-09-07 09:53:25 发布

阅读量303

点赞数 4

本文链接：https://blog.csdn.net/2401_87022248/article/details/141988745

版权

<fragment
android:id=“@+id/register”
android:name=“com.joe.jetpackdemo.ui.fragment.login.RegisterFragment”
android:label=“LoginFragment”
tools:layout=“@layout/fragment_register”

我在这里省略了一些不必要的代码。让我们看一下navigation标签的属性：

属性	解释
`app:startDestination`	默认的起始位置

第三步建立`NavHostFragment`

我们创建一个新的LoginActivity，在activity_login.xml文件中：

<androidx.constraintlayout.widget.ConstraintLayout
…>

</androidx.constraintlayout.widget.ConstraintLayout>

有几个属性需要解释一下：

属性	解释
`android:name`	值必须是`androidx.navigation.fragment.NavHostFragment`，声明这是一个`NavHostFragment`
`app:navGraph`	存放的是第二步建好导航的资源文件，也就是确定了`Navigation Graph`
`app:defaultNavHost="true"`	与系统的返回按钮相关联

第四步界面跳转、参数传递和动画

在WelcomeFragment中，点击登录和注册按钮可以分别跳转到LoginFragment和RegisterFragment中。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

这里我使用了两种方式实现：

方式一利用ID导航

目标：WelcomeFragment携带key为name的数据跳转到LoginFragment，LoginFragment接收后显示。
Have a account ? Login按钮的点击事件如下：

btnLogin.setOnClickListener {
// 设置动画参数
val navOption = navOptions {
anim {
enter = R.anim.slide_in_right
exit = R.anim.slide_out_left
popEnter = R.anim.slide_in_left
popExit = R.anim.slide_out_right
}
}
// 参数设置
val bundle = Bundle()
bundle.putString(“name”,“TeaOf”)
findNavController().navigate(R.id.login, bundle,navOption)
}

后续LoginFragment的接收代码比较简单，直接获取Fragment中的Bundle即可，这里不再出示代码。最后的效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

方式二利用`Safe Args`

目标：WelcomeFragment通过Safe Args将数据传到RegisterFragment，RegisterFragment接收后显示。
再看一下已经展示过的login_navigation.xml：

<fragment
android:id=“@+id/welcome”

<fragment
android:id=“@+id/register”
…

细心的同学可能已经观察到navigation目录下的login_navigation.xml资源文件中的action标签和argument标签，这里需要解释一下：
action标签

属性	作用
`app:destination`	跳转完成到达的`fragment`的Id
`app:popUpTo`	将`fragment`从`栈`中弹出，直到某个Id的`fragment`

argument标签

属性	作用
`android:name`	标签名字
`app:argType`	标签的类型
`android:defaultValue`	默认值

点击Android studio中的Make Project按钮，可以发现系统为我们生成了两个类：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

WelcomeFragment中的JOIN US按钮点击事件：

btnRegister.setOnClickListener {
val action = WelcomeFragmentDirections
.actionWelcomeToRegister()
.setEMAIL(“TeaOf1995@Gamil.com”)
findNavController().navigate(action)
}

RegisterFragment中的接收：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)

// …
val safeArgs:RegisterFragmentArgs by navArgs()
val email = safeArgs.email
mEmailEt.setText(email)
}

以及效果：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

需要提及的是，如果不用Safe Args，action可以由Navigation.createNavigateOnClickListener(R.id.next_action, null)方式生成，感兴趣的同学可以自行编写。

三、更多

Navigation可以绑定menus、drawers和bottom navigation，这里我们以bottom navigation为例，我先在navigation目录下新创建了main_navigation.xml，接着新建了MainActivity，下面则是activity_main.xml:

<com.google.android.material.bottomnavigation.BottomNavigationView
android:id=“@+id/navigation_view”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
android:background=“@android:color/white”
app:itemIconTint=“@color/colorAccent”
app:itemTextColor=“@color/colorPrimary”
app:menu=“@menu/menu_main”/>

MainActivity中的处理也十分简单：

class MainActivity : AppCompatActivity() {

lateinit var bottomNavigationView: BottomNavigationView

override fun onCreate(savedInstanceState: Bundle?) {
//…
val host: NavHostFragment = supportFragmentManager.findFragmentById(R.id.my_nav_host_fragment) as NavHostFragment
val navController = host.navController
initWidget()
initBottomNavigationView(bottomNavigationView,navController)
}

private fun initBottomNavigationView(bottomNavigationView: BottomNavigationView, navController: NavController) {
bottomNavigationView.setupWithNavController(navController)
}

private fun initWidget() {
bottomNavigationView = findViewById(R.id.navigation_view)
}
}

效果：