Android底部导航栏和滑动切换页面ViewPager+RadioGroup

190 阅读1分钟

效果图

844161415538017981.jpg 主要代码 布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context=".MainActivity">

   <androidx.viewpager.widget.ViewPager
       android:id="@+id/vp"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>
    <RadioGroup
        android:id="@+id/rg"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        android:background="#fff"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/rb_1"
            android:layout_marginTop="10dp"
            android:gravity="center"
            android:text="苹果"
            android:textColor="@drawable/bar"
            android:drawableTop="@mipmap/apple"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"/>
        <RadioButton
            android:id="@+id/rb_2"
            android:textColor="@drawable/bar"
            android:layout_marginTop="10dp"
            android:gravity="center"
            android:text="橘子"
            android:drawableTop="@mipmap/tangerine"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"/>
        <RadioButton
            android:id="@+id/rb_3"
            android:textColor="@drawable/bar"
            android:layout_marginTop="10dp"
            android:gravity="center"
            android:text="葡萄"
            android:drawableTop="@mipmap/ordinary"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"/>
    </RadioGroup>

</RelativeLayout>

逻辑代码 activity

vpAdapter=new VpAdapter(getSupportFragmentManager());
vp.setAdapter(vpAdapter);
vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {

    }

    @Override
    public void onPageScrollStateChanged(int state) {
        if (state == 2) {
            switch (vp.getCurrentItem()) {
                case 0:
                    rb_1.setChecked(true);
                    break;
                case 1:
                    rb_2.setChecked(true);
                    break;
                case 2:
                    rb_3.setChecked(true);
                    break;
            }
        }
    }
});
rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup radioGroup, int i) {
        switch (i){
            case R.id.rb_1:
                vp.setCurrentItem(0);
                break;
            case R.id.rb_2:
                vp.setCurrentItem(1);
                break;
            case R.id.rb_3:
                vp.setCurrentItem(2);
                break;

        }
    }
});
rb_1.setChecked(true);

adapter

public class VpAdapter extends FragmentStatePagerAdapter {
    private Fragment1 fragment1;
    private Fragment2 fragment2;
    private Fragment3 fragment3;
    public VpAdapter(@NonNull FragmentManager fm) {
        super(fm);
    }

    @NonNull
    @Override
    public Fragment getItem(int position) {
        switch (position){
            case 0:
                if (fragment1==null){
                    fragment1=new Fragment1();
                }
                return fragment1;
            case 1:
                if (fragment2==null){
                    fragment2=new Fragment2();
                }
                return fragment2;
            case 2:
                if (fragment3==null){
                    fragment3=new Fragment3();
                }
                return fragment3;
        }
        return new Fragment1();
    }

    @Override
    public int getCount() {
        return 3;
    }
}

fragment

public class Fragment1 extends Fragment {
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment1, container, false);
        return rootView;
    }
}

项目源码下载  gzh:急递客  回复:Android底部导航栏 获取上百套项目源码   gzh回复:Android项目