android开机引导导航功能ViewPager(二)--增加导航页小横条指示

在《android开机引导导航功能ViewPager》博文的基础上进行增加，

1、给MGuideAction实现implements OnPageChangeListener接口

2、重写onPageScrollStateChanged，onPageScrolled ，onPageSelected方法

3、在res/layout/mguide_layout.xml中增加

   <LinearLayout
        android:id="@+id/point_bar_id"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#000000"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:gravity="center_horizontal" >

        <ImageView
            android:id="@+id/point_id1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/guide_point" />

        <ImageView
            android:id="@+id/point_id2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/guide_point" />

        <ImageView
            android:id="@+id/point_id3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/guide_point" />
    </LinearLayout>

4、在MGuideAction中增加代码：

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.mguide_layout);

		initView();

		initPoint();

	}

	LinearLayout linearLayout;
	private ImageView[] points;// 存放小横条的图片控件集合
	int currentPoint = 0;// 当前选中的导航页
	
        /**
	 * 初始化指示当前页的横条
	 */
	private void initPoint() {
		// 获得横条所在的布局
		linearLayout = (LinearLayout) findViewById(R.id.point_bar_id);

		points = new ImageView[viewList.size()];

		// 将小横条放到集合中
		for (int i = 0; i < viewList.size(); i++) {
			points[i] = (ImageView) linearLayout.getChildAt(i);
			points[i].setEnabled(true); // 设置为灰色，未选中状态
		}

		currentPoint = 0;

		points[currentPoint].setEnabled(false); // 选中状态

	}

	/**
	 * 初始化view
	 */
	private void initView() {
		
                 .......省略

		// 为ViewPager设置适配器
		viewPager.setAdapter(mPagerAdapter);

		/**
		 * ViewPager在处理滑动事件的时候要用到OnPageChangeListener
		 * OnPageChangeListener这个接口需要实现三个方法：
		 * （onPageScrollStateChanged，onPageScrolled ，onPageSelected）
		 */

		viewPager.setOnPageChangeListener(this);

	}

	/**
	 * 三个方法的执行顺序为：用手指拖动翻页时，最先执行一遍onPageScrollStateChanged（1），
	 * 然后不断执行onPageScrolled
	 * ，放手指的时候，直接立即执行一次onPageScrollStateChanged（2），然后立即执行一次onPageSelected
	 * ，然后再不断执行onPageScrollStateChanged，最后执行一次onPageScrollStateChanged（0）。
	 */

	/**
	 * 这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
	 * 当用手指滑动翻页时，手指按下去的时候会触发这个方法，state值为1，手指抬起时，如果发生了滑动（即使很小），这个值会变为2，然后最后变为0
	 * 。总共执行这个方法三次。一种特殊情况是手指按下去以后一点滑动也没有发生，这个时候只会调用这个方法两次，state值分别是1,0 。
	 * 当setCurrentItem翻页时，会执行这个方法两次，state值分别为2 , 0 。
	 */
	@Override
	public void onPageScrollStateChanged(int arg0) {
		// TODO Auto-generated method stub

	}

	/**
	 * 这个方法会在屏幕滚动过程中不断被调用。 有三个参数，第一个position，这个参数要特别注意一下。当用手指滑动时，如果手指按在页面上不动，
	 * position和当前页面index是一致的
	 * ；如果手指向左拖动（相应页面向右翻动），这时候position大部分时间和当前页面是一致的，只有翻页成功的情况下最后一次调用才会变为目标页面
	 * ；如果手指向右拖动（相应页面向左翻动），这时候position大部分时间和目标页面是一致的，只有翻页不成功的情况下最后一次调用才会变为原页面。
	 * 当直接设置setCurrentItem翻页时
	 * ，如果是相邻的情况（比如现在是第二个页面，跳到第一或者第三个页面），如果页面向右翻动，大部分时间是和当前页面是一致的
	 * ，只有最后才变成目标页面；如果向左翻动，position和目标页面是一致的。这和用手指拖动页面翻动是基本一致的。
	 * 如果不是相邻的情况，比如我从第一个页面跳到第三个页面
	 * ，position先是0，然后逐步变成1，然后逐步变成2；我从第三个页面跳到第一个页面，position先是1
	 * ，然后逐步变成0，并没有出现为2的情况。
	 * positionOffset是当前页面滑动比例，如果页面向右翻动，这个值不断变大，最后在趋近1的情况后突变为0
	 * 。如果页面向左翻动，这个值不断变小，最后变为0。
	 * positionOffsetPixels是当前页面滑动像素，变化情况和positionOffset一致。
	 */
	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		// TODO Auto-generated method stub
		
	}

	/**
	 * 这个方法有一个参数position，代表哪个页面被选中。
	 * 当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法, position就是当前滑动到的页面。
	 * 如果直接setCurrentItem翻页，那position就和setCurrentItem的参数一致，
	 * 这种情况在onPageScrolled执行方法前就会立即执行。
	 */
	@Override
	public void onPageSelected(int arg0) {
		// TODO Auto-generated method stub
		setCurrentPoint(arg0) ;
	}

	/**
	 * @param arg0
	 * 设置当前页面对应的小横条
	 */
	private void setCurrentPoint(int arg0) {
		points[arg0].setEnabled(false); // 选中状态
		points[currentPoint].setEnabled(true); //未选中状态
		currentPoint = arg0 ;
	}

5、源代码下载： android开机引导导航功能ViewPager(二)--增加导航页小横条指示