新建 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中的栈都清空
网友评论