RadioButton+viewPager+Fragment实现底部导航

一、main.xml

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

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/main_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <RadioGroup
        android:id="@+id/bottom_ridiogroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/radioButtonHome"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/bottom_selector_home"
            android:gravity="center"
            android:text="首页"

            android:textColor="@drawable/bottom_navigation_color" />

        <RadioButton
            android:id="@+id/radioButtonPart"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/bottom_selector_part"
            android:gravity="center"
            android:text="分区"

            android:textColor="@drawable/bottom_navigation_color" />

        <RadioButton
            android:id="@+id/radioButtonDynamic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/bottom_selector_dynamic"
            android:gravity="center"
            android:text="动态"

            android:textColor="@drawable/bottom_navigation_color" />

        <RadioButton
            android:id="@+id/radioButtonMy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/bottom_selector_my"
            android:gravity="center"
            android:text="我的"
            android:textColor="@drawable/bottom_navigation_color" />

    </RadioGroup>


</LinearLayout>

二、bottom_selector和textcolor

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/bottom_navigation_home" android:state_checked="true"></item>
    <item android:drawable="@drawable/bottom_navigation_home_un" android:state_checked="false"></item>
</selector>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true"  android:color="@color/colorBottomGreen"></item>
    <item android:state_checked="false" android:color="@color/colorBottomGrey"></item>　

</selector>

三、fragmentpagerAdapter

package com.example.xsow.adapter;

import android.content.Context;

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentStatePagerAdapter;

import com.example.xsow.MainActivity;

import java.util.Collections;
import java.util.List;

public class MainViewPagerAdapter extends FragmentStatePagerAdapter {
    private List<Fragment> list;
    private Context context;
    public MainViewPagerAdapter(FragmentManager fragmentManager, List<Fragment> list, Context context){
        super(fragmentManager);
        this.list= list ;
        this.context=context;
    }
    public MainViewPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getCount() {
        return list.size();
    }
}

fragment和mainActivity

package com.example.xsow;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;
import android.widget.RadioGroup;

import com.example.xsow.adapter.MainViewPagerAdapter;
import com.example.xsow.faragment.FragmentDynamic;
import com.example.xsow.faragment.FragmentHome;
import com.example.xsow.faragment.FragmentMy;
import com.example.xsow.faragment.FragmentPart;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener, ViewPager.OnPageChangeListener {
    private RadioGroup radioGroup;
    private List<Fragment> list=new ArrayList<Fragment>();
    private ViewPager viewPager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bindViews();
    }

    private void bindViews(){
        radioGroup=findViewById(R.id.bottom_ridiogroup);

        viewPager=findViewById(R.id.main_viewpager);

        list.add(new FragmentHome());
        list.add(new FragmentPart());
        list.add(new FragmentDynamic());
        list.add(new FragmentMy());

        MainViewPagerAdapter mVPadapter=new MainViewPagerAdapter(getSupportFragmentManager(),list,getApplicationContext());
        viewPager.setAdapter(mVPadapter);

        radioGroup.check(R.id.radioButtonHome);
        viewPager.setCurrentItem(0);

        radioGroup.setOnCheckedChangeListener(this);
        viewPager.addOnPageChangeListener(this);
    }


    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        switch (position){
            case 0:
                radioGroup.check(R.id.radioButtonHome);
                break;
            case 1:
                radioGroup.check(R.id.radioButtonPart);
                break;
            case 2:
                radioGroup.check(R.id.radioButtonDynamic);
                break;
            case 3:
                radioGroup.check(R.id.radioButtonMy);
                break;
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    @Override
    public void onCheckedChanged(RadioGroup radioGroup, int i) {
        switch (i){
            case R.id.radioButtonHome:viewPager.setCurrentItem(0);break;
            case R.id.radioButtonPart:viewPager.setCurrentItem(1);break;
            case R.id.radioButtonDynamic:viewPager.setCurrentItem(2);break;
            case R.id.radioButtonMy:viewPager.setCurrentItem(3);break;

        }

    }
}

fragment新建一个fragment对它的layout更改就可以了
效果：可以实现滑动切换导航和点击按钮切换导航