底部导航与Fragment联动的实现

今天我要写的是常见的如微信一类的底部导航与Fragment联动的实现

1，首先，在每一个Fragment里写一个public权限的TAG，保证每个Fragment的TAG唯一。

2，在xml里先好布局：

上半部分是你要放Fragment的地方，下半部分是底部导航放置的地方。下面是我的示例代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>

<FrameLayout
android:id="@+id/main_container"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">

</FrameLayout>

<RadioGroup
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="@drawable/abc_ab_bottom_transparent_light_holo"
android:paddingTop="8dp"
android:orientation="horizontal">

<RadioButton
android:id="@+id/shouye_navigation"
style="@style/main_navigation"
android:text="@string/shouYe"
android:textColor="@drawable/navigation_text_select"
android:textSize="12sp"
android:checked="true"
android:drawableTop="@drawable/icon_shouye_select"
/>

<RadioButton
android:id="@+id/fenlei_navigation"
style="@style/main_navigation"
android:text="@string/fenLei"
android:textColor="@drawable/navigation_text_select"
android:textSize="12sp"
android:drawableTop="@drawable/icon_fenlei_select"
/>

<RadioButton
android:id="@+id/ruanzhuangmofa_navigation"
style="@style/main_navigation"
android:text="@string/ruanZhuangMoFa"
android:textColor="@drawable/navigation_text_select"
android:textSize="12sp"
android:drawableTop="@drawable/icon_ruanzhuangmofa_select"
/>

<RadioButton
android:id="@+id/gouwuche_navigation"
style="@style/main_navigation"
android:text="@string/gouWuChe"
android:textColor="@drawable/navigation_text_select"
android:textSize="12sp"
android:drawableTop="@drawable/icon_gouwuche_select"
/>

<RadioButton
android:id="@+id/wo_navigation"
style="@style/main_navigation"
android:text="@string/wo"
android:textColor="@drawable/navigation_text_select"
android:drawableTop="@drawable/icon_wo_select"
/>

</RadioGroup>

</LinearLayout>

3，下面是MainActivity的示例代码：

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {

private RadioGroup controller;
//记录显示着的Fragment
private Fragment cacheFragment;

private FragmentManager fm;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

initView();
}

private void initView() {
controller = ((RadioGroup) findViewById(R.id.controller));
controller.setOnCheckedChangeListener(this);

//获取一个FragmentManager实例
fm = getSupportFragmentManager();
//开启一个Fragment事物
FragmentTransaction transaction = fm.beginTransaction();
//事物中进行添加操作：
//①添加的位置，ContainerViewId
// ②Fragment,我们将要添加的碎片
//③String TAG,标记,为我们添加到Container中的Fragment添加标记.
cacheFragment = new PageOneFragment();
transaction.add(R.id.container, cacheFragment, PageOneFragment.TAG);
//提交事务
transaction.commit();
}

/**
* 当选中上网child改变的时候，就会回掉
* 不管child改变的来源，举个例子，由外界条件改变，造成RadioGroup中的子View改变
* 一个Button，控制选中状态改变，同样会回掉onCheckChange的方法。
* TODO:Fragment的hide,show
* ①将显示着的Fragment隐藏
* ②将要加载的Fragment显示出来
*
* @param group
* @param checkedId
*/
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.controller_one:
/*//开启一个Fragment事物
FragmentTransaction transaction = fm.beginTransaction();
//隐藏显示着的Fragment
if (cacheFragment!=null){
transaction.hide(cacheFragment);
}
//加载要显示的Fragment
*//**
* ①根据TAG，去查找Fragment
* ②如果根据TAG成功找到Fragment，我们就将目标Fragment显示出来。
* ③如果根据TAG未找到Fragment，则会返回给我们一个null,我们就需要
*      实例化一个Fragment，显示出来，并记录下来
*//*
cacheFragment=fm.findFragmentByTag(PageOneFragment.TAG);
if (cacheFragment!=null){
transaction.show(cacheFragment);
}else{
cacheFragment=new PageOneFragment();
transaction.add(R.id.container,cacheFragment,PageOneFragment.TAG);
}
//提交事务
transaction.commit();*/
switchPage(PageOneFragment.TAG, PageOneFragment.class);
break;
case R.id.controller_two:
switchPage(PageTwoFragment.TAG, PageTwoFragment.class);
break;
case R.id.controller_three:
switchPage(PageTreeFragment.TAG, PageTreeFragment.class);
break;
case R.id.controller_four:
switchPage(PageFourFragment.TAG, PageFourFragment.class);
break;
}
}

private void switchPage(String tag, Class<? extends Fragment> cls) {
//开启一个Fragment事物
FragmentTransaction transactionFour = fm.beginTransaction();
//隐藏显示着的Fragment
if (cacheFragment != null) {
transactionFour.hide(cacheFragment);
}
//加载要显示的Fragment
/**
* ①根据TAG，去查找Fragment
* ②如果根据TAG成功找到Fragment，我们就将目标Fragment显示出来。
* ③如果根据TAG未找到Fragment，则会返回给我们一个null,我们就需要
*      实例化一个Fragment，显示出来，并记录下来
*/
cacheFragment = fm.findFragmentByTag(tag);
if (cacheFragment != null) {
transactionFour.show(cacheFragment);
} else {
try {
//通过反射，使用无参构造一个Fragment实例
cacheFragment = cls.getConstructor().newInstance();
} catch (InstantiationException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
} catch (NoSuchMethodException e) {
e.printStackTrace();
}
transactionFour.add(R.id.container, cacheFragment, tag);
}
//提交事务
transactionFour.commit();
}
}