ViewPager页面指示器简单实现

ViewPager的页面指示器可以通过设置imageview的visibility属性来实现指示器和页面的联动，java代码如下：

viewPager.setOnPageChangeListener(new OnPageChangeListener() {


@Override
public void onPageSelected(int arg0) {
// 改变三个小圆点
ImageView indicator1 = (ImageView) listheaderIcons.findViewById(R.id.iv_header_list_home_indicator_1);
ImageView indicator2 = (ImageView) listheaderIcons.findViewById(R.id.iv_header_list_home_indicator_2);
ImageView indicator3 = (ImageView) listheaderIcons.findViewById(R.id.iv_header_list_home_indicator_3);
indicator1.setImageResource(R.drawable.banner_dot);
indicator2.setImageResource(R.drawable.banner_dot);
indicator3.setImageResource(R.drawable.banner_dot);
// arg0%3让下标永远在0,1,2中变化
switch (arg0%3) {
case 0:
indicator1.setImageResource(R.drawable.banner_dot_pressed);
break;
case 1:
indicator2.setImageResource(R.drawable.banner_dot_pressed);
break;
case 2:
indicator3.setImageResource(R.drawable.banner_dot_pressed);
break;
}
//ViewPager的一次滑动完成，把处理上下动作的处理权还给ListView
listView.requestDisallowInterceptTouchEvent(false);
}


@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// ViewPager的滑动开始，希望ListView不要处理滑动过程中可能出现的上下小动作
listView.requestDisallowInterceptTouchEvent(true);
}


@Override
public void onPageScrollStateChanged(int arg0) {


}
});

xml代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="180dp"
    android:background="#ffffffff"
    android:orientation="horizontal" >


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


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="3dp" 
        android:layout_centerHorizontal="true"
        >


        <ImageView
            android:id="@+id/iv_header_list_home_indicator_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:src="@drawable/banner_dot_pressed" />


        <ImageView
            android:id="@+id/iv_header_list_home_indicator_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:src="@drawable/banner_dot" />


        <ImageView
            android:id="@+id/iv_header_list_home_indicator_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="5dp"
            android:src="@drawable/banner_dot" />
    </LinearLayout>


</RelativeLayout>