Android ViewPager+Fragment+RadioGroup

 

1.MainActivity.XML

<?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="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <RadioGroup
        android:padding="@dimen/x20"
        android:layout_centerInParent="true"
        android:id="@+id/rgp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:orientation="horizontal"
        >

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="@dimen/x100"
            android:layout_height="@dimen/x100"
            android:layout_margin="@dimen/x20"
            android:background="@drawable/check"
            android:button="@null" />

        <RadioButton
            android:checked="false"
            android:id="@+id/radio2"
            android:layout_width="@dimen/x100"
            android:layout_height="@dimen/x100"
            android:layout_margin="@dimen/x20"
            android:background="@drawable/check"
            android:button="@null" />

        <RadioButton
            android:id="@+id/radio3"
            android:layout_width="@dimen/x100"
            android:layout_height="@dimen/x100"
            android:layout_margin="@dimen/x20"
            android:background="@drawable/check"
            android:button="@null" />

    </RadioGroup>

</RelativeLayout>

---

2.Selector结合Shape

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_checked="false">
        <shape android:shape="rectangle">
            <corners android:radius="@dimen/x20"/>
            <solid android:color="@color/colorPrimary"/>
        </shape>
    </item>
    <item android:state_checked="true" >
        <shape android:shape="oval">
            <corners android:radius="@dimen/x20"/>
            <solid android:color="@color/colorAccent"/>
        </shape>
    </item>
</selector>

---

3.MainAc

public class MainActivity extends AppCompatActivity {


    private ViewPager view_pager;
    private RadioGroup rgp;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        final List<Fragment> fragmentLists = new ArrayList<>();
        BlankFragment blankFragment = new BlankFragment();
        BlankFragment2 blankFragment2 = new BlankFragment2();
        BlankFragment3 blankFragment3 = new BlankFragment3();
        fragmentLists.add(blankFragment);
        fragmentLists.add(blankFragment2);
        fragmentLists.add(blankFragment3);

        view_pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int i) {
                return fragmentLists.get(i);
            }

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

        view_pager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int i, float v, int i1) {

            }

            @Override
            public void onPageSelected(int i) {
                switch (i) {
                    case 0:
                        rgp.check(R.id.radio1);
                        break;
                    case 1:
                        rgp.check(R.id.radio2);
                        break;
                    case 2:
                        rgp.check(R.id.radio3);
                        break;
                    default:
                        break;
                }
            }

            @Override
            public void onPageScrollStateChanged(int i) {

            }
        });


        rgp.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {

                switch (checkedId) {
                    case R.id.radio1:
                        view_pager.setCurrentItem(0);
                        break;
                    case R.id.radio2:
                        view_pager.setCurrentItem(1);
                        break;
                    case R.id.radio3:
                        view_pager.setCurrentItem(2);
                        break;
                    default:
                        break;
                }
            }
        });

        view_pager.setCurrentItem(0);
        rgp.check(R.id.radio1);
    }


    private void initView() {
        view_pager = (ViewPager) findViewById(R.id.view_pager);
        rgp = (RadioGroup) findViewById(R.id.rgp);
    }
}

可以做一个无线翻页+Pagetransform