ViewPager+Fragment+Indicator的使用总结

前言

通常情况下ViewPager是和Fragment结合使用的，ViewPager是V4包中的一个类，继承自ViewGroup，是一个容器。
ViewPager布局管理器允许反转带数据的页面，可以通过实现PagerAdapter来显示视图。
ViewPager经常用来连接Fragment，它能够方便的管理每个页面的生命周期，ViewPager通过适配器管理Fragment，常用的适配器有FragmentPagerAdapter和FragmentStatePagerAdapter。
在这里用了一个三方的Indicator。

使用方法

在App下的build.gradle下添加依赖：

    implementation 'com.github.chenupt.android:springindicator:1.0.2@aar'

在MainActivity.java下的布局文件书写一下布局文件：

其中values目录下书写一个array.xml文件：

    
        @color/indicator_1
        @color/indicator_2
        @color/indicator_3
        @color/indicator_4
    

color.xml文件如下：

    #3F51B5
    #303F9F
    #FF4081
    #55B3C2
    #64A4A4
    #66D7B9
    #FDBC7D

Fragment的示例如下：
xml文件：

oneFragment文件如下：

public class oneFragment extends Fragment{
    /**
     * 主视图
     */
    private LinearLayout oneFragment;

    private TextView fragment_one;

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

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        /**
         * 简单的Fragment点击事件
         */
        fragment_one.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {       Toast.makeText(getContext(),fragment_one.getText().toString(),Toast.LENGTH_SHORT).show();
            }
        });
    }
}

MainActivity.java文件如下：

public class MainActivity extends AppCompatActivity {
    /**
     * ViewPager的Adapter
     */
    private ViewPager mViewPager;
    /**
     * Fragment列表
     */
    private List mFragmentList = new ArrayList<>();
    /**
     *  TabFragmentAdapter的适配器
     */
    private TabFragmentPagerAdapter adapter;
    /**
     * springIndicator
     */
    private SpringIndicator springIndicator;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
        initFragment();

    }

    private void initFragment() {
        /**
         * Fragment列表
         */
        mFragmentList.add(new oneFragment());
        mFragmentList.add(new twoFragment());
        mFragmentList.add(new threeFragment());
        adapter = new TabFragmentPagerAdapter(getSupportFragmentManager(),mFragmentList);
        mViewPager.setAdapter(adapter);
        /**
         * 初始化显示第一个页面
         */
        mViewPager.setCurrentItem(0);
        springIndicator.setViewPager(mViewPager);

    }
    /**
     * 判断位置
     */

    public void showToast(String msg){

        Toast.makeText(MainActivity.this,msg+"",Toast.LENGTH_SHORT).show();

    }
    private void initView() {

        mViewPager = findViewById(R.id.viewPager_one);
        mViewPager.setOnPageChangeListener(new MyPagerChangeListener());
        springIndicator = findViewById(R.id.indicator);

    }
    /**
     * 设置一个ViewPager的侦听事件，当左右滑动ViewPager时菜单栏被选中状态跟着改变
     */
    public class MyPagerChangeListener implements ViewPager.OnPageChangeListener{
        @Override
        public void onPageScrolled(int i, float v, int i1) {
        }
        @Override
        public void onPageSelected(int i) {
            switch (i){
                case 0:
                    showToast("fragment1");
                    break;
                case 1:
                    showToast("fragment2");
                    break;
                case 2:
                    showToast("fragment3");
                    break;
                    default:
            }
        }
        @Override
        public void onPageScrollStateChanged(int i) {
        }
    }
}

其中有一个TabFragmentPagerAdapter适配器:

public class TabFragmentPagerAdapter extends FragmentPagerAdapter {
    /**
     * FragmentManager对象
     */
    private FragmentManager fragmentManager;
    /**
     * Fragment列表
     */
    private List mLlist;
    public TabFragmentPagerAdapter(FragmentManager fm,Listlist) {
        super(fm);
        /**
         * Fragment列表
         */
        this.mLlist = list;
    }
    /**
     * 获取某个Fragment
     * @param i
     * @return
     */
    @Override
    public Fragment getItem(int i) {
        return mLlist.get(i);
    }
    /**
     * 获取Fragment的总数量
     * @return
     */
    @Override
    public int getCount() {
        return mLlist.size();
    }
}

效果图如下：

2019-03-18_13-57-47.gif