BottomNavigationView底部导航改造

叁歲伎倆 2022-09-09 09:27 270阅读 0赞

1系统样例基本解析 -----------------------------------------------------------------

系统自带的例子工程可以采用底部导航功能，但其默认采用导航文件进行多个fragment切换

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16][]

里面利用了导航文件moblie\_navigation.xml进行绑定，

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

然后在主界面的布局文件中进行了引用，

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

最后在主界面的初始化函数里进行了代码设置

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

这样就可以进行导航功能的切换，全部自动生成，无需添加任何代码。

2 样例基本改造 ======================================

为了便于控制，在基本采用系统框架的基础上进行改造，尽量采用代码控制。

为了采用

import android.support.design.widget.BottomNavigationView;
    导航功能，需要进行勾选，其他都采用默认设置

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

第一个不同就是不再需要导航文件导航文件moblie\_navigation.xml，采用代码绑定。

在主界面的fragment控件中不再使用 app:navGraph="@navigation/mobile\_navigation"

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

而是在主界面的初始化代码中进行初始化，绑定事件监听事件进行导航切换

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 6][]

注销掉系统自带的设定

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 7][]

切换函数

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

二者并无优劣之分，只是为了学习系统样例，该样例可以满足大多数App的框架要求，可以进行修改使用。

主要代码

//底部导航控件事件监听，切换fragment
            BottomNavigationView navView = findViewById(R.id.nav_view);
            navView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
                @Override
                public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                    switch (item.getItemId()) {
                        case R.id.navigation_home:
                            replaceFragment(new HomeFragment());
                            break;
                        case R.id.navigation_dashboard:
                            replaceFragment(new DashboardFragment());
                            break;
                        case R.id.navigation_notifications:
                            replaceFragment(new NotificationsFragment());
                            break;
                    }
                    return true;
                }
            });

切换不同fragment

//切换不同的fragment
        private void replaceFragment(Fragment fragment) {
            FragmentManager manager = getSupportFragmentManager();
            FragmentTransaction fragmentTransaction = manager.beginTransaction();
            fragmentTransaction.replace(R.id.nav_host_fragment, fragment);
            fragmentTransaction.addToBackStack(null);
            fragmentTransaction.commit();
        }

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/2ea8ae324851409ea02b6d8570cb750c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/b4d1f623fdb64f77a5fec01325670095.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/a40650666a614c3e8c681d7201a180aa.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220829/40805caf5de9487cb70689a44d430e46.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220829/c57f93f2e1b54fc2bc2580556a4e4c31.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220829/e9d8b49916f54b07950bc164dcc082b4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220829/3f6a68495e04429ead3bcc3c4db50cd9.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220829/f5a490dcda494bceb3842fe48cb10403.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAc2ljaHVhbnd3dw_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220829/3089117d1e3f42c5b03287b8611b9cdb.png