文章目录

  • 1.安卓提供默认的导航方式
  • 2.使用简单布局的方式实现
  • 3.Viewpager+RadioGroup+Layout
  • 4.ViewPager+Fragment+RadioGroup(推荐)


1.安卓提供默认的导航方式

在创建项目时可以选择Bottom Navigation Activity进行创建。这种方式最为简单。

android 导航实现方法 安卓导航方案_底部导航栏


创建后生成的目录结构还是比较清晰的。

android 导航实现方法 安卓导航方案_android 导航实现方法_02


主布局即Activity由BottomNavigationView和fragment 构成。

BottomNavigationView 用于呈现底部导航栏,fragment组件 用于显示每个导航栏对应的Fragment

android 导航实现方法 安卓导航方案_底部导航栏_03


android 导航实现方法 安卓导航方案_底部导航栏_04


Activity中的代码就很魔性了,你压根看不到是怎么绑定的视图。

难道不是应该是

setContentView(R.layout.activity_main);

但是其为

private ActivityMainBinding binding;
 ...
binding = ActivityMainBinding.inflate(getLayoutInflater());
setContentView(binding.getRoot());

瓦特了就
原来ActivityMainBinding 可以实现视图和Activity自动绑定,其会根据所在类的类名去寻找对应与之名字匹配的layout并生成实例对象,有点类似于spring里面的自动注入。

setContentView(binding.getRoot());

getRoot方法就获得了实例的根视图了,即layout本身。
ActivityMainBinding 类的实例还可以直接通过id去操作视图内的子元素,这样可以减少很多组件的声明
例如在主视图中有个id为nav_view的底部导航栏组件,其可以通过binding.navView 取到该组件。这里要注意下划线命名方式到驼峰式命名的映射过程。

binding.navView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull @NotNull MenuItem item) {
                return false;
            }
        });

以配置的方式把导航栏配置到APP中,并绑定导航栏中的项对应的Fragemet页面,实现联动。

AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
                R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications)
                .build();
NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_activity_main);
NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
NavigationUI.setupWithNavController(binding.navView, navController);

这种是默认生成,注意理解就很容易上手了。

2.使用简单布局的方式实现

android 导航实现方法 安卓导航方案_android 导航实现方法_05


页面布局较为简单,只有底部的几个Textview和中间一个Layout容器

android 导航实现方法 安卓导航方案_java_06


其主要实现原理是

FragmentManager fm=getSupportFragmentManager();//获取Fragment的管理器
 FragmentTransaction transaction = fm.beginTransaction();// 开启一个事务

通过事务将fragement对象添加至用于显示的容器layout之中。

transaction.add(R.id.fragment_layout,new BlankFragment()).commit();//设置初始的fragment
textViewIndex.setBackgroundColor(R.color.design_default_color_error);

当底部导航栏发生点击时,替换layout容器中的fragement对象

transaction=fm.beginTransaction();// 一个事务只能commit一次 ,每次都需要重新赋值
fragment = new BlankFragment(); //创建第一个Fragment
transaction.replace(R.id.fragment_layout, fragment); //替换Fragment
transaction.commit(); //提交事务
textViewIndex.setBackgroundColor(R.color.design_default_color_error);

如此便实现了fragement和底部TextView的联动。
这种实现方式相对来说较好理解,但是性能嘛,一言难尽。

3.Viewpager+RadioGroup+Layout

radiogroup做底部导航栏,viewpager装几个layout作为切换的页面。 如此页面布局简单,滑动效果不错,就是逻辑全写在一个Activity里面 代码稍微繁琐

点击底部导航栏,页面跟着切换
页面可以左右滑动,底部导航栏跟着切换

主要看目录结构

android 导航实现方法 安卓导航方案_底部导航栏_07


页面由一个Viewpager和底部的RadioGroup构成。

android 导航实现方法 安卓导航方案_android 导航实现方法_08


ViewPager中的一个页面是一个Layout,由一个xml文件形成。

android 导航实现方法 安卓导航方案_底部导航栏_09

4.ViewPager+Fragment+RadioGroup(推荐)

和3类似,但是相对于3来说,这种用法较为标准,fragement可以单独编写业务逻辑,而不用把所有逻辑全部放在Activity之中。

其目录结构如下图、相对于前面三种来说,小编更推荐使用这种

android 导航实现方法 安卓导航方案_Group_10

资源下载链接:

点击下载
资源中总共五个小项目,四个导航栏项目,一个沉浸式引导页项目。 本来想分享到百度网盘的,但是网盘下载文件太慢了!索性就放在吧。而且网盘资料会丢失,就很shit!