TabPageIndicator与ViewPager关联

/**
 * 菜单详情页-新闻
 * 
 *  ViewPagerIndicator:
 *  
 * 1.引入ViewPagerIndicator库
 * 2.解决v4冲突, 用大的版本覆盖小的版本, 注意关联源码
 * 3.仿照smaple中的程序进行拷贝SampleTabsDefault
 * 4.mIndicator.setViewPager(mViewPager),将ViewPager和Indicator关联在一起
 * 5.重写PagerAdapter的getPageTitle返回指示器标题
 */
public class NewsMenuDetailPager extends BaseMenuDetailPager implements
      OnPageChangeListener {

   @ViewInject(R.id.vp_news_menu_detail)
   private ViewPager mViewPager;

   @ViewInject(R.id.indicator)
   private TabPageIndicator mIndicator;

   private ArrayList<NewsTabData> children;

   private ArrayList<TabDetailPager> mPagers;

   public NewsMenuDetailPager(Activity activity,
         ArrayList<NewsTabData> children) {
      super(activity);
      this.children = children;
   }

   @Override
   public View initViews() {
      //    TextView view = new TextView(mActivity);
      //    view.setTextSize(22);
      //    view.setTextColor(Color.RED);
      //    view.setGravity(Gravity.CENTER);//居中显示
      //    view.setText("菜单详情页-新闻");
      View view = View.inflate(mActivity, R.layout.pager_news_menu_detail,
            null);
      ViewUtils.inject(this, view);

      return view;
   }

   @Override
   public void initData() {
      //初始化12个页签对象
      //以服务器为准
      mPagers = new ArrayList<TabDetailPager>();
      for (int i = 0; i < children.size(); i++) {
         TabDetailPager pager = new TabDetailPager(mActivity,
               children.get(i));
         mPagers.add(pager);
      }

      mViewPager.setAdapter(new NewsMenuDetailAdapter());
      mIndicator.setViewPager(mViewPager);//将ViewPager和Indicator关联在一起; 注意: 必须setAdapter结束之后再调用

      //设置页面触摸监听
      //mViewPager.setOnPageChangeListener(this);
      mIndicator.setOnPageChangeListener(this);//当viewpager和indicator绑定时,事件需要设置给indicator
   }

   class NewsMenuDetailAdapter extends PagerAdapter {

      //返回指示器Indicator的标题
      @Override
      public CharSequence getPageTitle(int position) {
         return children.get(position).title;
      }

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

      @Override
      public boolean isViewFromObject(View view, Object object) {
         return view == object;
      }

      @Override
      public Object instantiateItem(ViewGroup container, int position) {
         TabDetailPager pager = mPagers.get(position);

         pager.initData();//初始化数据

         container.addView(pager.mRootView);

         return pager.mRootView;
      }

      @Override
      public void destroyItem(ViewGroup container, int position, Object object) {
         container.removeView((View) object);
      }

   }

   @OnClick(R.id.btn_next)
   //通过注解的方式绑定事件;注意: 在xml中配置onClick属性只适用于activity
   public void nextPage(View view) {
      //跳到下一个页面
      int currentPos = mViewPager.getCurrentItem();
      //mIndicator.setCurrentItem(++currentPos);
      mViewPager.setCurrentItem(++currentPos);
   }

   @Override
   public void onPageScrolled(int position, float positionOffset,
         int positionOffsetPixels) {

   }

   @Override
   public void onPageSelected(int position) {
      System.out.println("当前页面:" + position);
      if (position == 0) {
         //打开侧边栏
         setSlidingMenuEnable(true);
      } else {
         //禁用侧边栏
         setSlidingMenuEnable(false);
      }
   }

   @Override
   public void onPageScrollStateChanged(int state) {

   }

   //开启/禁用侧边栏
   private void setSlidingMenuEnable(boolean enable) {
      //获取SlidingMenu对象
      //获取MainActivity对象
      MainActivity mainUI = (MainActivity) mActivity;
      SlidingMenu slidingMenu = mainUI.getSlidingMenu();
      if (enable) {
         slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
      } else {
         slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_NONE);
      }
   }
}

//布局

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <com.viewpagerindicator.TabPageIndicator
            android:id="@+id/indicator"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

        <ImageButton
            android:id="@+id/btn_next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:background="@null"
            android:padding="5dp"
            android:src="@drawable/news_cate_arr" />
    </LinearLayout>

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

</LinearLayout>