美文网首页
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