自定义viewpagerindicator和FragmentViewPager结合使用

一:布局

 <com.viewpagerindicator.TabPageIndicator
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/viewPagerIndicator" />

<android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

二:对ViewPager设置数据适配器

              viewPager.setAdapter(new FragmentPagerAdapter(
                    getSupportFragmentManager()) {

                @Override
                public int getCount() {
                    return 20;
                }

                @Override
                public Fragment getItem(int position) {
                    return BaseFragment.getInstance(titleJson.data.data
                            .get(position).category);
                }

                @Override
                public CharSequence getPageTitle(int position) {
                    return titleJson.data.data.get(position).name;
                }
            });
            // 设置数据适配器
            viewPagerIndicator.setViewPager(viewPager);