现学现用Android Jetpack - Navigation(2)

<argument

…/>

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

| 属性 | 解释 |

| — | — |

| app:startDestination | 默认的起始位置 |

第三步 建立NavHostFragment

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

<androidx.constraintlayout.widget.ConstraintLayout

…>

<fragment

android:id=“@+id/my_nav_host_fragment”

android:name=“androidx.navigation.fragment.NavHostFragment”

app:navGraph=“@navigation/login_navigation”

app:defaultNavHost=“true”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

</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：

<navigation

…>

<fragment

…

/>

<fragment

android:id=“@+id/welcome”

<action

android:id=“@+id/action_welcome_to_login”

app:destination=“@id/login”/>

<action

android:id=“@+id/action_welcome_to_register”

app:enterAnim=“@anim/slide_in_right”

app:exitAnim=“@anim/slide_out_left”

app:popEnterAnim=“@anim/slide_in_left”

app:popExitAnim=“@anim/slide_out_right”

app:destination=“@id/register”/>

<fragment

android:id=“@+id/register”

…

<argument

android:name=“EMAIL”

android:defaultValue=“2005@qq.com”

app:argType=“string”/>

细心的同学可能已经观察到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按钮，可以发现系统为我们生成了两个类：

image

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:

<LinearLayout

…>

<fragment

android:id=“@+id/my_nav_host_fragment”

android:name=“androidx.navigation.fragment.NavHostFragment”

android:layout_width=“match_parent”

app:navGraph=“@navigation/main_navigation”

app:defaultNavHost=“true”

android:layout_height=“0dp”

android:layout_weight=“1”/>

<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)

}

}

总结

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

[外链图片转存中…(img-tzSxvphC-1714668467370)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！