fragment+viewpager实现布局

1.先布局实现mian.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="match_parent"
    tools:context="com.bwei.fragment.MainActivity">

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

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/pager"
        android:layout_centerHorizontal="true"
        android:orientation="horizontal"
        android:background="#ccc"
        >

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:checked="true"
            android:button="@null"
            android:layout_weight="1"
            android:text="微信"
            android:drawableTop="@mipmap/ic_launcher_round"
            android:gravity="center"
            />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:button="@null"
            android:layout_weight="1"
            android:text="通讯录"
            android:drawableTop="@mipmap/ic_launcher_round"
            android:gravity="center"
            />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:button="@null"
            android:layout_weight="1"
            android:text="发现"
            android:drawableTop="@mipmap/ic_launcher_round"
            android:gravity="center" />
        <RadioButton
            android:id="@+id/radio3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:button="@null"
            android:layout_weight="1"
            android:text="我的"
            android:drawableTop="@mipmap/ic_launcher_round"
            android:gravity="center"/>
    </RadioGroup>
</RelativeLayout>

2.创建3个fragment 要继承Fragment类v4包下的

public class FragmentThree extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
         //引入布局文件
        View view = inflater.inflate(R.layout.fragmentthree, null);
        return view;
    }
}

3.创建fragment 相对应的布局文件

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


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="230dp"
        android:text="one" />
</RelativeLayout>

4.创建适配器继承FragmentPagerAdapter

package com.bwei.fragment;

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

import java.util.List;


public class MyAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragments;
    private Context context;
    //构造方法
    public MyAdapter(FragmentManager fm, List<Fragment> fragments, Context context) {
        super(fm);
        this.fragments = fragments;
        this.context = context;
    }
    //得到item条目
    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    //得到数量
    @Override
    public int getCount() {
        return fragments.size();
    }
}

5.在mainActivity实现效果

package com.bwei.fragment;

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.IdRes;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener,ViewPager.OnPageChangeListener {

    private ViewPager vPager;
    private List<Fragment> fragments;
    private FragmentManager fm;
    private RadioGroup mRadioGroup;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        initView();
        initDate();
    }

    private void initView() {
        vPager=(ViewPager) findViewById(R.id.pager);
        vPager.setOnPageChangeListener(this);
        mRadioGroup=(RadioGroup) findViewById(R.id.radioGroup1);
        mRadioGroup.setOnCheckedChangeListener(this);
    }

    private void initDate() {
        fragments=new ArrayList<Fragment>();
        //实例化Fragment
        FragmentOne fragmentOne = new FragmentOne();
        FragmentTwo fragmentTwo = new FragmentTwo();
        FragmentThree fragmentThree = new FragmentThree();

        //添加到集合
        fragments.add(fragmentOne);
        fragments.add(fragmentTwo);
        fragments.add(fragmentThree);

        //得到getSupportFragmentManager()的管理器
        fm = getSupportFragmentManager();
        //得到适配器
        MyAdapter myAdapter = new MyAdapter(fm, fragments, this);
        //设置适配器
        vPager.setAdapter(myAdapter);
    }

    //ViewPager.OnPageChangeListener监听事件
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {

        for (int i = 0; i <fragments.size() ; i++) {
            RadioButton  radiobutton = (RadioButton) mRadioGroup.getChildAt(i);
            if (i==position) {
                radiobutton.setChecked(true);
                //设置选中的颜色
                radiobutton.setBackgroundColor(Color.RED);
            }else {
                radiobutton.setChecked(false);
                radiobutton.setBackgroundColor(Color.BLACK);
                radiobutton.setBackgroundColor(Color.BLACK);
            }
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    //RadioGroup的监听事件

    @Override
    public void onCheckedChanged(RadioGroup radioGroup, @IdRes int i) {

        for (int j = 0; j <fragments.size() ; j++) {
            //得到radiobutton
            RadioButton radiobutton = (RadioButton) mRadioGroup.getChildAt(j);
            int id = radiobutton.getId();
            Toast.makeText(this,id+"", Toast.LENGTH_SHORT).show();
            //判断radiobutton的id是否等于选中的id
            if (radiobutton.getId()==i) {
                //设置当前页
                vPager.setCurrentItem(j);
            }
        }
    }
}

6.最后的效果图