美文网首页
Jetpack_Navigation

Jetpack_Navigation

作者: 老北瓜 | 来源:发表于2020-03-18 16:01 被阅读0次

新建 Activity和若干 Fragment .
新建 res/navigation/nav_a2b.xml , 此时可能会提示需要导入依赖, 那你就导入, ok?

implementation 'androidx.navigation:navigation-fragment:2.2.1'
implementation 'androidx.navigation:navigation-ui:2.2.1'

在nav_a2b中可以使用design页面快速生成fragment之间的关系,因为代码我还不会写,拉拉扯扯就成了,相当于代码中的action


image.png

然后就在Fragment 里面添加 Button 的点击事件

 @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        getView().findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                NavController controller = Navigation.findNavController(v);

                //  可以传递Fragment 的id  也可以传递 action 的id ;
//                controller.navigate(R.id.action_oneFragment_to_twoFragment);
                controller.navigate(R.id.twoFragment);
            }
        });
    }

这样一个最基本的Navigation 页面就可以了。

首页BottomNavigationView +Fragment 实现首页导航

xml文件中 基本就是这么个情况

 <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/mBottomBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        app:itemBackground="@null"
        app:itemIconTint="@null"
        app:itemTextColor="@drawable/main_tab_text_color_change"
        app:labelVisibilityMode="labeled"
        app:menu="@menu/menu_bottom" />

取消点击有水波纹效果最简单的方法
     app:itemBackground="@null"

在 menu/menu_bottom 中

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/mHomeBar"
        android:icon="@drawable/main_tab_home_change"
        android:title="@string/main_tab_home" />
<item
        android:id="@+id/mAdoptBar"
        android:icon="@drawable/main_tab_adopt_change"
        android:title="@string/main_tab_adopt" />
    <item
        android:id="@+id/mShopCartBar"
        android:icon="@drawable/main_tab_shopcart_change"
        android:title="@string/main_tab_shopcart" />
    <item
        android:id="@+id/mMyBar"
        android:icon="@drawable/main_tab_my_change"
        android:title="@string/main_tab_my" />
</menu>

取消点击时缩放最简单的方法,在 res/dimens 中添加

<!-- 防止 首页底部 Tab 切换时文字一大一小-->
    <dimen name="design_bottom_navigation_active_text_size">12sp</dimen>
    <dimen name="design_bottom_navigation_text_size">12sp</dimen>

在 MainActivity中如果和 ViewPager结合使用 那就结合使用呗
如果 需要单纯点击按钮切换Fragment, 就可以写一个changeFragment的方法

 private void changeFragment(Fragment fragment) {
        if (fragment != currentFragment) {
            FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
            if (fragment.isAdded()) {
                transaction.hide(currentFragment)
                        .show(fragment)
                        .commit();
            } else {
                transaction.hide(currentFragment)
                        .add(R.id.mContainer, fragment)
                        .commit();
            }

            currentFragment = fragment;
        }
    }

如果需要做拦截BottomItem 的点击事件,

 public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.mHomeBar:
                changeFragment(homeFragment);

                return true;
            case R.id.mAdoptBar:

                if (true) {
                    Toast.makeText(this, "假设判断登录", Toast.LENGTH_SHORT).show();
                    return false;
                } else {
                    changeFragment(adoptFragment);
                    return true;
                }


            case R.id.mShopCartBar:

                changeFragment(cartFragment);
                return true;

            case R.id.mMyBar:
                changeFragment(myFragment);
                return true;
        }
        return false;
    }

这样基本可以满足常见的首页底部导航需求。

传递数据
OneFragment 中

 Bundle bundle = new Bundle();
 bundle.putString("key", "你好");
 //  可以传递Fragment 的id  也可以传递 action 的id ;
//   controller.navigate(R.id.action_oneFragment_to_twoFragment);
controller.navigate(R.id.twoFragment, bundle);

TwoFragment中

String key = getArguments().getString("key");
TextView t = getView().findViewById(R.id.textView2);
t.setText(key);

ViewModel 可以跨越整个Activity 以及Fragment,来管理所有的数据

两个Fragment 也可以通过共用一个ViewModel 来传递数据 .

多个Fragment共用一个 ViewModel 也可以实现数据的传递,但是如果遇上点击返回键,签一个Fragment中操作数据对下一个Fragment的数据没有更新,原因 点击返回键不是new Fragment ,而是把这个Fragment 从栈中回弹,会保留数据,但是这种情况下需要取消掉保存数据的功能,添加这个属性就可以取消掉保留数据的功能 .

  android:saveEnabled="false"
Navigation 导航Fragment之间的跳转 ,如果互相跳转,点击 返回键,会一直New 新的fragment,堪称套娃,怎么解决呢,打开对应的navigation文件,选中需要跳转你的 action 那条线 image.png

这样的话,在 TwoFragment 跳转到OneFragment时就会将Fragment中的栈都清空

相关文章

网友评论

      本文标题:Jetpack_Navigation

      本文链接:https://www.haomeiwen.com/subject/dgqnehtx.html