android使用BottomNavigationView与NavController来实现底部导航栏

1.主布局




    
    
    

    
    

BottomNavigationView:底部导航视图,通过menu指定导航菜单,即导航ID、图标、标题

fragment:导航切换的Fragment占位符,通过navGraph指定了导航规则,即ID与Fragment实现类的映射

 

2.导航菜单布局





    

    

    

可以看到每个导航菜单包含了导航的ID、图标、标题

 

3.导航规则





    
    
    

    

    

每个导航规则都包含了导航ID与一个Fragment类的映射,此处的ID与菜单的ID一致

 

4.主Activity

/**
 * 主页面,用于分类查看功能
 */
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        /* 主页布局 */
        setContentView(R.layout.activity_main);
        /* 获取底部导航栏视图 */
        BottomNavigationView navView = findViewById(R.id.nav_view);
        /* AppBar配置 */
        AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications).build();
        /* 从Fragment获取导航控制器,navGraph定义了导航规则 */
        NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
        /* 为AppBar设置导航控制器,监听导航改变事件,修改标题 */
        NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
        /* 为视图设置导航控制器,即监听视图的点击事件 */
        NavigationUI.setupWithNavController(navView, navController);
    }

}

NavController为导航控制器,里面包含了导航规则,是导航的中枢

NavigationUI.setupActionBarWithNavController,设置NavController导航改变的监听事件,修改页面标题栏

NavigationUI.setupWithNavController,设置触发导航改变的事件,当底部导航栏被点击时触发导航

 

你可能感兴趣的:(android,android)