【问题标题】:Why Should I call setTranslationX() in transformPage() , doesnt it effect the final postion of the View?为什么我应该在 transformPage() 中调用 setTranslationX() ,它不会影响视图的最终位置吗?
【发布时间】:2015-06-26 03:58:32
【问题描述】:

我无法理解 transformPage() 方法在 PageTransformer 类中的用法。

以官方 ZoomOut Transformer 为例:

public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();
        int pageHeight = view.getHeight();

        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            view.setAlpha(0);

        } else if (position <= 1) { // [-1,1]
            // Modify the default slide transition to shrink the page as well
            float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
            float vertMargin = pageHeight * (1 - scaleFactor) / 2;
            float horzMargin = pageWidth * (1 - scaleFactor) / 2;
            if (position < 0) {
                view.setTranslationX(horzMargin - vertMargin / 2);
            } else {
                view.setTranslationX(-horzMargin + vertMargin / 2);
            }

            // Scale the page down (between MIN_SCALE and 1)
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

            // Fade the page relative to its size.
            view.setAlpha(MIN_ALPHA +
                    (scaleFactor - MIN_SCALE) /
                    (1 - MIN_SCALE) * (1 - MIN_ALPHA));

        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }

我知道我们需要考虑两个视图,一个在左侧(-1--0),另一个在右侧(0--1)

但我不明白 view.setTranslationX() 的用法,似乎即使我删除了那些代码行,区别只是滑动时两个视图之间的差距,请看我的图片上传(我也删除了缩放代码,你可以看到甚至有重叠)

所以我的问题是为什么要在滑动时使用 setTranslationX() 方法,对视图位置的影响就像永远一样。

【问题讨论】:

    标签: android android-layout android-viewpager android-animation android-transitions


    【解决方案1】:

    view.setTranslationX() 在 ViewPager 中添加了对页面初始位置的偏移。默认情况下,页面只是并排显示。这段代码:

    if (position < 0) {
        view.setTranslationX(horzMargin - vertMargin / 2);
    } else {
        view.setTranslationX(-horzMargin + vertMargin / 2);
    }
    

    使它们稍微重叠。 ViewPager (position = 0) 中心左侧的页面向右移动,反之亦然。

    【讨论】:

      猜你喜欢
      • 2011-04-15
      • 2011-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-15
      • 2011-06-20
      • 1970-01-01
      相关资源
      最近更新 更多