Задача: пользовательская анимация ViewPager. Изменить высоту выбранных элементов (Просмотр сгиба)

В настоящее время я работаю над пользовательской анимацией между переключением страниц в ViewPager. Когда я двигаюсь влево, вид смещается влево, и снизу от него появляется новый вид. Я хотел бы сделать вид, который перемещается влево (который я располагаю), чтобы сжиматься, как на следующих изображениях:

На втором и третьем изображении я не представлял новый вид, выходящий вперед, но я думаю, что в этом не было необходимости. У вас есть идеи, как я могу изменить код?

Я хотел бы изменить высоту TableLayout, RelativeLayout и FrameLayout и сохранить высоту обоих TextView. Также мне пришлось бы изменить X-позицию всего View.

Я с нетерпением жду ваших творческих ответов (код). Ниже я прилагаю свой код для анимации.

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);
        }
    }
}

ОБНОВИТЬ:

Я могу манипулировать с высотой всего View (пока я могу сделать только это) с помощью следующего кода:

  LinearLayout relativeLayout = (LinearLayout) view.findViewById(R.id.fragment_object_canvas_linearLayout1);
            relativeLayout.setLayoutParams(new FrameLayout.LayoutParams(relativeLayout.getWidth(), NEW_HEIGHT_HERE)));

Тем не менее, я не уверен, что я должен поместить в переменную NEW_HEIGHT_HERE, чтобы она работала в основном ...

Ответы на вопрос(2)

Ваш ответ на вопрос