Java 挑战：自定义ViewPager动画。更改选定图元的高度（视图折叠）

我目前正在处理ViewPager中切换页面之间的自定义动画。当我向左滑动时，视图将向左移动，并且从其下方新视图将出现在前面。我想使视图向左移动（我已处理）以缩小，如下图所示：

在第二张和第三张图片上，我没有想象新的视角出现在前面，但我认为这是没有必要的。您知道如何修改代码吗？

我想更改TableLayout、RelativeLayout和FrameLayout的高度，并保持两个文本视图的高度。此外，我还必须更改整个视图的X位置。

我期待您的创造性答案（代码）。下面我附加动画的代码

import android.view.View;
import android.widget.RelativeLayout;
import android.annotation.SuppressLint;
import android.support.v4.view.ViewPager.PageTransformer;

public class DepthPageTransformer implements PageTransformer {
    private static float MIN_SCALE = 0.75f;

    @SuppressLint("NewApi")
    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();

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

        } else if (position <= 0) { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);
            //float scaleFactor = (1 - Math.abs(position));

            //WHAT TO PUT HERE TO ARCHIVE MY GOAL??

            //This is how I can get particular layouts:
            // RelativeLayout relativeLayout = (RelativeLayout) view.findViewById(R.id.fragment_object_canvas_RelativeLayout1);
            //relativeLayout.setScaleX(scaleFactor);
            //relativeLayout.setScaleY(scaleFactor);

        } else if (position <= 1) { // (0,1]
            // Fade the page out.
            view.setAlpha(1 - position);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);
            //view.setRotation(1 - (position*360));

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE
                    + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

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

---

但是，我不确定应该在新的\u HEIGHT \u HERE变量中添加什么以使其正确工作…

尝试使用位置浮动变量。 获取布局的高度，然后…：

relativeLayout.setLayoutParams(....,position*height+height)

---

你似乎非常坚持人们发布原始代码，但为什么要重新发明轮子呢？这个库中有很多很棒的ViewPager动画，包括一个非常类似于您所要求的动画

JazzyViewPager- 一个易于使用的ViewPager，添加了一组很棒的自定义滑动动画。只需将您的浏览页面更改为JazzyViewPage即可

---

可以通过调用来选择动画

---

我不能让它工作。我想我应该更改：主容器的上边距、下边距，然后是文本视图之间的容器高度。我在等待代码，如果有人能够解决它。我以前见过这个库，我不得不再次说，没有动画，我想实现。请注意，我想让两个文本视图不受垂直动画的影响。

relativeLayout.setLayoutParams(....,position*height+height)

public enum TransitionEffect {
        Standard,
        Tablet,
        CubeIn,
        CubeOut,
        Flip,
        Stack,
        ZoomIn,
        ZoomOut,
        RotateUp,
        RotateDown,
        Accordion
    }

private JazzyViewPager mJazzy;
/* ... */
mJazzy.setTransitionEffect(TransitionEffect.*);