使用fragmnet+viewPager+RadioGroup底部导航栏

昨天写了使用layout加载PagerAdapter，今天写一个使用fragmnet+viewPager+RadioGroup底部导航栏的，。

一.写一个fragment，

public class Fragment1 extends android.support.v4.app.Fragment {
    private  RadioButton radioButton;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.activity_first_first,null);
        return view;
    }

其他三个都是一样fragment，照着撸出来就可以了，都是fragment加载布局，。

二.写个适配器

public class MyViewPagerFragmentAdapter extends FragmentPagerAdapter{
    private List<Fragment> list ;
    public MyViewPagerFragmentAdapter(FragmentManager fragmentManager,List<Fragment> list){
        super(fragmentManager);
        this.list = list;
    }

    @Override
    public Fragment getItem(int position) {

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

适配器的导包都是v4的。

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

activity_first_first布局

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <Button
            android:id="@+id/testActivity_intent"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/g10"
            android:text="@string/testActivity_intent" />

    </LinearLayout>
</LinearLayout>

其他三个都是简单的布局，就不贴出来了。

activity布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager_viewPager"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp">
    </android.support.v4.view.ViewPager>
    <RadioGroup
        android:id="@+id/viewPager_radioGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/viewPager_radioBtn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/radio_button_pic1"
            android:gravity="center"
            android:text="主页" />
        <RadioButton
            android:id="@+id/main_fragment3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/radio_button_pic2"
            android:gravity="center"
            android:text="物业" />
        <RadioButton
            android:id="@+id/viewPager_radioBtn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/radio_button_pic3"
            android:gravity="center"
            android:text="发现" />
        <RadioButton
            android:id="@+id/viewPager_radioBtn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/radio_button_pic4"
            android:gravity="center"
            android:text="我的" />
    </RadioGroup>
</LinearLayout>

最后写activity的实现

public class ViewPagerFragmentActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener,ViewPager.OnPageChangeListener{
    private ViewPager viewPager;
    private RadioGroup radioGroup;

    private List<Fragment> list;
    private MyViewPagerFragmentAdapter myViewPagerFragmentAdapter;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_viewpager_fragment);
        initView();
        initData();
    }
    public void initView(){
        viewPager = findViewById(R.id.viewPager_viewPager);
        radioGroup = findViewById(R.id.viewPager_radioGroup);

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

    }
    public void initData(){
        list = new ArrayList<>();
        list.add(new Fragment1());
        list.add(new Fragment2());
        list.add(new Fragment3());
        list.add(new Fragment4());

        myViewPagerFragmentAdapter = new MyViewPagerFragmentAdapter(getSupportFragmentManager(),list);
        viewPager.setAdapter(myViewPagerFragmentAdapter);

        radioGroup.check(R.id.viewPager_radioBtn1);
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId){
            case R.id.viewPager_radioBtn1:
                viewPager.setCurrentItem(0);
                break;
            case R.id.viewPager_radioBtn2:
                viewPager.setCurrentItem(1);
                break;
            case R.id.viewPager_radioBtn3:
                viewPager.setCurrentItem(2);
                break;
            case R.id.viewPager_radioBtn4:
                viewPager.setCurrentItem(3);
                break;
        }
    }
    //滑动中
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }
    //viewpager滑动完成之后
    @Override
    public void onPageSelected(int position) {

    }
    //监听滑动状态
    @Override
    public void onPageScrollStateChanged(int state) {
        //state 0还没滑动 -1滑动中- 2滑动完成
        if(state==2){
            switch (viewPager.getCurrentItem()){
                case 0:
                    radioGroup.check(R.id.viewPager_radioBtn1);
                    break;
                case 1:
                    radioGroup.check(R.id.viewPager_radioBtn2);
                    break;
                case 2:
                    radioGroup.check(R.id.viewPager_radioBtn3);
                    break;
                case 3:
                    radioGroup.check(R.id.viewPager_radioBtn4);
                    break;
            }
        }
    }
 }

}

就这些了，希望能对你有帮助，。一起进步，，，

源码下载地址：https://download.csdn.net/download/weixin_42267745/10436113