在上篇播客中實現(xiàn)了textview的字體變色，在上一篇的基礎上結合viewpager實現(xiàn)一個變色的viewpager指示器，效果如下；

device-2017-06-25-172024.gif

上面指示器的文字在這里是動態(tài)創(chuàng)建添加到LinearLayout布局中的，

for (int i = 0; i < items.length; i++) {
    //動態(tài)添加顏色跟蹤的textview
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
     ViewGroup.LayoutParams.WRAP_CONTENT);
     params.weight = 1;
     ColorTextView colorTextView = new ColorTextView(this);
     //設置顏色
     colorTextView.setTextSize(20);
     colorTextView.setChangeColor(Color.RED);
     colorTextView.setText(items[i]);
     //把新的加入LinearLayout容器中
     colorTextView.setLayoutParams(params);
      mIndicatorContainer.addView(colorTextView);
     //加入集合
     mIndicator.add(colorTextView);
        }

創(chuàng)建完成后給viewpager設置相應的適配器和添加一個滑動監(jiān)聽就可以了，
設置viewpager適配器，

      mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return ViewFragment.newInstance(items[position]);
            }

            @Override
            public int getCount() {
                return items.length;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                super.destroyItem(container, position, object);
            }
        });

設置viewpager滑動監(jiān)聽，

      mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                ColorTextView left = mIndicator.get(position);
                left.setDirection(ColorTextView.Direction.RIGHT_TO_LEFT);
                left.setCurrentProgress(1 - positionOffset);

                try {
                    ColorTextView right = mIndicator.get(position + 1);
                    right.setDirection(ColorTextView.Direction.LEFT_TO_RIGHT);
                    right.setCurrentProgress(positionOffset);
                } catch (Exception e) {
                    e.printStackTrace();
                }

            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

這里用的是addOnPageChangeListener，當然用setOnPageChangeListener也可以，不過這個方法已經(jīng)過時了，在onPageScrolled方法中要注意float positionOffset，它是根據(jù)滑動時0-1的變化的值，所以剛好根據(jù)這個值計算當前的進度值，在設置右邊變色的時候，position + 1在最后一個的時候會導致數(shù)組角標越界，要做一個異常的捕獲，用if來判斷也可以，這樣整個效果就實現(xiàn)了。
源碼地址：http://pan.baidu.com/s/1nvyp0Hb