RadioGroup + ViewPager + Fragment 实现滑动展示界面

主布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <RadioGroup        android:id="@+id/radioGroup"        android:layout_width="match_parent"        android:layout_height="120px"        android:layout_below="@+id/mainHead"        android:orientation="horizontal"></RadioGroup>    <View        android:id="@+id/vView"        android:layout_width="match_parent"        android:layout_height="1px"        android:layout_alignBottom="@+id/radioGroup"        android:background="#e29c9999"></View>    <RelativeLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/vView">        <android.support.v4.view.ViewPager            android:id="@+id/vpContent"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:layout_marginBottom="10dp"></android.support.v4.view.ViewPager>    </RelativeLayout></RelativeLayout>

主java代码

public class BijiFragment extends BaseFragment {    //创建radiobutton相关    private RadioGroup radioGroup;    private RadioButton[] radioButtons;    private List<String> radioButtonDatas;    // viewpager 相关    private ViewPager vpContent;    private List<Fragment> fragments;    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_biji_layout, container, false);    }    @Override    public void onActivityCreated(@Nullable Bundle savedInstanceState) {        super.onActivityCreated(savedInstanceState);        radioGroup = (RadioGroup) mActivity.findViewById(R.id.radioGroup);        vpContent = (ViewPager) mActivity.findViewById(R.id.vpContent);        initRadioButton();        initVpContent();    }    //动态创建RadioButton    private void initRadioButton() {        radioButtonDatas = new ArrayList<>();        radioButtonDatas.add("美妆");        radioButtonDatas.add("精选");        radioButtonDatas.add("杂志");        radioButtons = new RadioButton[radioButtonDatas.size()];        //创建RadioButton        for (int i = 0; i < radioButtonDatas.size(); i++) {            RadioButton radioButton = new RadioButton(mActivity);            Bitmap bm = null;            radioButton.setButtonDrawable(new BitmapDrawable(bm));//去除圆圈            radioButton.setBackgroundResource(R.drawable.main_radiobutton_select);            radioButton.setText(radioButtonDatas.get(i));            radioButton.setGravity(Gravity.CENTER);            int screenWidth = getResources().getDisplayMetrics().widthPixels;            int eachWidth = screenWidth / radioButtonDatas.size();            RadioGroup.LayoutParams params = new RadioGroup.LayoutParams(eachWidth, RadioGroup.LayoutParams.MATCH_PARENT);            radioButton.setLayoutParams(params);            radioGroup.addView(radioButton);            radioButtons[i] = radioButton;        }        radioButtons[0].setChecked(true);        // radioGroup的点击事件        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {            @Override            public void onCheckedChanged(RadioGroup radioGroup, int checkId) {                for (int i = 0; i < radioGroup.getChildCount(); i++) {                    if (radioButtons[i].getId() == checkId) {                        vpContent.setCurrentItem(i);                    }                }            }        });    }    //viewpager    private void initVpContent() {        fragments = new ArrayList<>();        fragments.add(new FragmentOne());        fragments.add(new FragmentTwo());        fragments.add(new FragmentThree());        vpContent.setAdapter((new VpContentAdapter(mActivity.getSupportFragmentManager(), fragments)));        vpContent.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {            @Override            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {            }            @Override            public void onPageSelected(int position) {                radioButtons[position].setChecked(true);            }            @Override            public void onPageScrollStateChanged(int state) {            }        });    }}

radioButton的Drawable

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="true" >        <layer-list>            <item android:top="38dp">                <shape>                    <solid android:color="#efda3362"></solid>                </shape>            </item>        </layer-list>    </item>    <item android:state_checked="false" android:drawable="@color/transparent"></item></selector>

其次就是fragment的代码

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {    View view = inflater.inflate(R.layout.fragment_one,container,false);    oneListView = (ListView) view.findViewById(R.id.oneListView);    return view;}

...