Android 如何开发 Bottom Navigation 风格

1. 基础篇

创建 Android 新工程的时候可以选择 Activity 模板，选择 Bottom Navigation Activity，效果图：

注意到 res > menu 提供了 bottom_nav_menu.xml

注意到 res > navigation 提供了 mobile_navigation.xml

 

注意到 res > layout 已经为我们生成了 activity_main.xml、fragment_dashboard.xml、fragment_home.xml、fragment_notifications.xml，其中 fragment 系列的是三个页面。

 

activity_main.xml，其中 BottomNavigationView 的属性 app:menu 引用 bootom_nav_menu.xml

fragment 的 app:navGraph 引用 mobile_navigation.xml

工程结构

com.example.myapplication 下有一个包 ui，以不同的菜单再次分包，每个包下均有一个 Fragment 和 一个 ViewModel，Fragment 对应视图，ViewModel 则对应视图的模型。