ViewPagerIndicator的使用

案例一：实现可滑动的标签栏

1. 添加布局

        <com.viewpagerindicator.TabPageIndicator
              android:id="@+id/indicator"
              android:layout_width="match_parent"
              android:layout_height="wrap_content" />
        <android.support.v4.view.ViewPager
              android:id="@+id/viewpager" />

2. 设置ViewPager（将indicator与ViewPager关联起来，ViewPager翻页，indicator也跟着变化，必须在setAdapter后关联）

mIndicator.setViewPager(mViewPager); //必须在ViewPager.setAdapter(adapter)之后调用

3. 设置主题

<activity android:theme="@style/Theme.PageIndicatorDefaults" />

4. 修改pager布局背景颜色，修改主题的字体颜色，背景图片等

5. 相关细节

侧滑菜单拦截了indicator触摸事件

<span style="color:#009900;">//indicator, 请求父控件及祖宗控件不要拦截事件</span>
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    getParent().requestDisallowInterceptTouchEvent(true);<span style="color:#009900;">//用getParent去请求，禁止父控件拦截</span>
    return super.dispatchTouchEvent(ev);
}

侧滑菜单拦截了ViewPager触摸事件

       |-- 自定义ViewPager，复写dispatchTouchEvent，代码同上

if( getCurrentItem > 0 ){
          getParent().requestDisallowInterceptTouchEvent(true); }//除了第一页可以滑出菜单，其他页菜单不能拦截

//indicator和viewpager绑定，此时滑动监听需要设置给indicator，否则无效

mIndicator.setOnPageChangeListener(this);

案例二：实现滚动圆点

<img src="http://img.blog.csdn.net/20160216180857567?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" align="middle" alt="" />

1.参考框架里的sample，默认样式default就是滚动圆点，不想滚动用snap；
2.想要改变样式，最简单的方式是via layout，可参考SampleCircleStyledLayout的布局文件（复制命名空间，使用其自定义属性）
    命名空间   

     xmlns:app="http://schemas.android.com/apk/res-auto" 

    属性

     app:fillColor="#f00"<span style="color:#009900;"> //选中圆点颜色</span>
     app:pageColor="@android:color/darker_gray"<span style="color:#009900;"> //默认圆点颜色</span>
     app:radius="6dp"<span style="color:#009900;"> //圆点大小</span>
     app:strokeColor="#FF000000" <span style="color:#009900;">//边框颜色</span>
     app:strokeWidth="0dp" <span style="color:#009900;">//边框宽度</span>