ViewPager 中途滚动回调

Question

我有一个 ViewPager，上面的 ViewPager 是一个 TextView。当我在 ViewPager 中更改页面时，TextView 应该根据新页面的内容更新其文本。

我在 ViewPager 的 OnPageChangeListener 的 onPageSelected 方法中调用 setText 方法。效果很好！

现在我想添加一点动画。滑动时，文本应该淡出，当它到一半时，它应该淡出，并带有新文本。我设法为文本制作了 alpha 动画。但是，文本在 文本褪色后会发生变化。一旦文本不可见（滚动到一半），我想更改文本。

有什么帮助吗？这是我的代码：

weekPager.setOnPageChangeListener(new OnPageChangeListener() {

        @Override
        public void onPageSelected(int index) {
            //update the text
            weekText.setText(DateTimeUtils.getWeekDescription(index));
        }

        @Override
        public void onPageScrolled(int arg0, float ratio, int arg2) {
            //do the alpha animation
            weekText.setAlpha(Math.abs(2f * (ratio - .5f)));
        }

        @Override
        public void onPageScrollStateChanged(int arg0) {
        }
    });

Answer 1

你可以试试这样的

在您的活动中声明这些变量

private int mIndex = 0;
private int lastIndex = 0;
private float mStartDragX = 0;

然后

@Override
public void onPageScrolled(int arg0, float ratio, int arg2) {
        //do the alpha animation
        float alpha = 2f * (ratio - .5f);
        weekText.setAlpha(Math.abs(alpha));

        //If the text hasn't been set and ratio is at least halfway from 0 -> 1
        // alpha should be near 0, ideally exactly 0
        if((mIndex != lastIndex) && (alpha >= 0))
        {
           weekText.setText(DateTimeUtils.getWeekDescription(mIndex));
           lastIndex = mIndex;
        }
}

编辑： 为了正确设置 mIndex，您需要做一些额外的工作。

来自这个问题How to get current swipe direction in action in ViewPager

似乎一种方法是 ViewPager 的 onTouchListener，我不确定这是否会完美运行，但值得一试。

myPager.setOnTouchListener(new ViewPager.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        float x = event.getX();

        switch(event.getAction()){
        case MotionEvent.ACTION_DOWN:
            mStartDragX = x;
            break;
        case MotionEvent.ACTION_MOVE:
            if (event.getX() > mStartDragX )
            {
                Log.i(TAG,"SWIPING RIGHT - Selecting page to the left");
                if(mIndex == lastIndex)
                   mIndex--;
            } else if (event.getX() < mStartDragX)
            {
                Log.i(TAG,"SWIPING LEFT - Selecting page to the right");
                if(mIndex == lastIndex)
                   mIndex++;
            }
            break;
        }
        return false;
    }
});

如果您有一个标签栏，您还必须在用户按下这些按钮时设置 mIndex。