ViewPager自定义指示条

一知半解的人，多不谦虚；见多识广有本领的人，一定谦虚。 —— 谢觉哉

重点内容
1、如何计算page指示器的偏移量？
2、动画的简单使用？
3、初始化动画位置？

**

1、计算指示器偏移量
①取得屏幕分辨率的宽度screenW
②取得指示器（图片）的宽度imageW
③偏移量offSet = (screenW/viewList.size()-imageW)/2
2、动画的简单使用
①指示器的偏移使用平移动画
②image设置动画：image.setAnimation（myAnimation）
3、初始化动画位置
①动画平移一个偏移量offSet

**

详细代码：

public class MainActivity extends Activity implements OnClickListener {

    private ArrayList<View> viewList;//装载view的List集合
    private View v1,v2,v3;//ViewPager子页面
    private LayoutInflater inflater;
    private ViewPager viewPager;
    private ImageView Img;//标题下方的图片，即指示器
    private TextView t1,t2,t3;//标题栏
    private int currentIndex = 0;//当前Pager的索引
    private float offSet;//偏移量
    private int imgW;//图片宽度
    public float ScreenW;//屏幕宽度

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initTextView();
        initViews();
        initAnimation();
        initPager();
    }

    /**
     * 初始动画
     */
    private void initAnimation() {
        //获取指示器的宽度，即获取资源文件中图片的宽度
        imgW = BitmapFactory.decodeResource(getResources(), R.drawable.a).getWidth();
        //获取屏幕分辨率的宽度
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        float ScreenW = dm.widthPixels;
        //指示器偏移量
        offSet = (ScreenW/viewList.size()-imgW)/2;
        //初始动画位置
        Matrix matrix = new Matrix();
        matrix.postTranslate(offSet, 0);
        Img.setImageMatrix(matrix);
    }

    /**
     * 初始化ViewPager
     */
    private void initPager() {
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        viewPager.setAdapter(new Myadapter(viewList));
        viewPager.setOnPageChangeListener(new MychangeListener());
    }

    /**
     * 自定义MychangeListener实现OnPageChangeListener接口
     * 用于ViewPager滑动监听
     */
    public class MychangeListener implements OnPageChangeListener{

        float one = offSet * 2 +imgW;//页卡一   --  页卡二的偏移量
        float two = one * 2;//页卡1  --  页卡三的偏移量

        @Override
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onPageSelected(int arg0) {
            Animation animation = null;
            switch (arg0){
            //切换到索引为0的page页面
            case 0:
                //如果从索引为1的page页面切换
                if (currentIndex == 1){
                    //定义平移动画
                    animation = new TranslateAnimation(one, 0, 0, 0);
                }
                //如果从索引为2的page页面切换
                else if (currentIndex ==2){
                    animation = new TranslateAnimation(two, 0, 0, 0);
                }
                break;
            case 1:
                if (currentIndex == 0){
                    animation = new TranslateAnimation(0, one, 0, 0);
                }else if (currentIndex ==2){
                    animation = new TranslateAnimation(two, one, 0, 0);
                }
                break;
            case 2:
                if (currentIndex ==0){
                    animation = new TranslateAnimation(0, two, 0, 0);
                }else if (currentIndex == 1){
                    animation = new TranslateAnimation(one, two, 0, 0);
                }
                break;
            }
            //当前索引为切换后的page索引
            currentIndex = arg0 ;
            //动画停留在动画结束的位置
            animation.setFillAfter(true);
            animation.setDuration(300);
            //指示器设置动画
            Img.setAnimation(animation);
        }

    }

    /**
     * 自定义MyAdapter继承PagerAdapter
     * 1、构造函数中接受ViewList集合
     * 2、覆写PagerAdapter中的四个方法
     */
    public class Myadapter extends PagerAdapter{

        private ArrayList<View> viewlists;

        public Myadapter(ArrayList<View> list) {
            this.viewlists = list;
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return viewlists.size();
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0 == arg1;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            // TODO Auto-generated method stub
            container.removeView(viewlists.get(position));
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            // TODO Auto-generated method stub
            container.addView(viewlists.get(position));
            return viewlists.get(position);
        }

    }

    /**
     * 初始化Pager子页面，并将子页面装载到List集合中
     */
    private void initViews() {
        viewList = new ArrayList<View>();
        inflater = getLayoutInflater();
        v1 = inflater.inflate(R.layout.layout_1, null);
        v2 = inflater.inflate(R.layout.layout_2, null);
        v3 = inflater.inflate(R.layout.layout_3, null);
        viewList.add(v1);
        viewList.add(v2);
        viewList.add(v3);
    }

    /**
     * 初始化标题栏及指示器，
     */
    private void initTextView() {
        t1 = (TextView) findViewById(R.id.Tv_one);
        t2 = (TextView) findViewById(R.id.Tv_two);
        t3 = (TextView) findViewById(R.id.Tv_three);
        Img = (ImageView) findViewById(R.id.cursor);
        t1.setOnClickListener(this);
        t2.setOnClickListener(this);
        t3.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.Tv_one:
            viewPager.setCurrentItem(0);
            break;
        case R.id.Tv_two:
            viewPager.setCurrentItem(1);
            break;
        case R.id.Tv_three:
            viewPager.setCurrentItem(2);
            break;
        default:
            break;
        }
    }

}