ViewPager实现Tab（2）

此篇博客接上一篇，继续完成ViewPager实现tab.
这里我们需要绑定事件。当我们点击ImageButton时实现tab切换。

public void onClick(View v){
        restImg();//先把图片替换成暗色
        switch (v.getId()){
            case R.id.L1:
                mViewPager.setCurrentItem(0);
                ml1_img.setImageResource(R.mipmap.grape_pic);
                break;
            case R.id.L2:
                mViewPager.setCurrentItem(1);
                ml2_img.setImageResource(R.mipmap.cherry_pic);
                break;
            case R.id.L3:
                mViewPager.setCurrentItem(2);
                ml3_img.setImageResource(R.mipmap.orange_pic);
                break;
        }
    }

那么如何滑动页面，按钮也随着变化呢？这里我们需要些ViewPager监听事件。

mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                int currentItem=mViewPager.getCurrentItem();
                restImg();
                switch (currentItem){
                    case 0:
                        ml1_img.setImageResource(R.mipmap.grape_pic);
                        break;
                    case 1:
                        ml2_img.setImageResource(R.mipmap.cherry_pic);
                        break;
                    case 2:
             ml3_img.setImageResource(R.mipmap.orange_pic);
                        break;
                }
            }
            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });

这里我们需要在
public void onPageSelected(int position){
}
里面添加逻辑代码，当然首先我们还需要把图片变暗。
通过判断此时页面是滚动的那一页，来时对应下面的bottom的图片变亮或者是变暗。
如果博客有什么没讲清楚的话，大家可以在下面评论，可以发源码。