radiogroup+viewpager+fragment联动,

上面是radiogroup(2个radiobutton),控制下面的两个viewpager(viewpager嵌套fragment)

radiogroup+viewpager+fragment联动,_第1张图片

由于这是在 管理 这个栏目里面的,这也是个fragment,

先放上管理的fragment 的布局

fragment_manage.xml




    

        

            

            
        
    

    

布局中控制radiobutton和文字选中与未选中的颜色切换的文件

radiogroup+viewpager+fragment联动,_第2张图片

values-color.xml里面 加入两行颜色(标红的)

xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5color>
    <color name="colorPrimaryDark">#303F9Fcolor>
    <color name="colorAccent">#FF4081color>
    <color name="unselect">#FF9D06color>
    <color name="select">#ffffffcolor>

resources>

控制字体颜色改变的文件,在drawable- NEW -Drawable Resource file新建selector类型的textcolor.xml

radiogroup+viewpager+fragment联动,_第3张图片




    
    

    
    

控制按钮背景颜色的文件,同样在 drawable- NEW -Drawable Resource file新建selector类型的btn_check.xml

radiogroup+viewpager+fragment联动,_第4张图片




    
    
    
接下来是ManageFragment.java的代码

public class ManageFragment extends Fragment {

    @BindView(R.id.btn_01)
    RadioButton btn01;
    @BindView(R.id.btn_02)
    RadioButton btn02;
    @BindView(R.id.radio_group)
    RadioGroup radioGroup;
    @BindView(R.id.manage_viewpager)
    ViewPager manageViewpager;
    Unbinder unbinder;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_manage, container, false);
        unbinder = ButterKnife.bind(this, view);

        //radiogroup的点击监听
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                switch (i){
                    case R.id.btn_01:
                        //点击第一个radiobutton,显示viewpager的第一页
                        manageViewpager.setCurrentItem(0,false);
                        break;
                    case R.id.btn_02:
                        //点击第二个radiobutton,显示viewpager的第二页
                        manageViewpager.setCurrentItem(1,false);
                        break;
                }
            }
        });

        //viewpager设置适配器
        manageViewpager.setAdapter(new FragmentPagerAdapter(getActivity().getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                Fragment fragment = null;
                switch (position){
                    case 0:
                        //当滑动到第一页时候,展示这个fragment
                        fragment = new ManageLeftFragment();
                        break;
                    case 1:
                        //当滑动到第二页时候,展示这个fragment
                        fragment = new ZongYiFragment();
                        break;
                }
                return fragment;
            }

            @Override
            public int getCount() {
                //返回viewpager的数量
                return 2;
            }
        });

        //viewpager滑动监听
        manageViewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                //radiogroup选中对应的radiobutton
                radioGroup.check(radioGroup.getChildAt(position).getId());
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

    return view;

    }



    @Override
    public void onDestroyView() {
        super.onDestroyView();
        unbinder.unbind();
    }


}


你可能感兴趣的:(radiogroup+viewpager+fragment联动,)