title: Challenge: Custom Animation of ViewPager. Change height of chosen elements (View fold)
body: <p>I am currently working on custom animation between switching pages in ViewPager. When I slide to the left, View is moving to the left and from below of it new View is coming to the front. I would like to make the view, that moves to the left (that I dispose) to shrink like on the folowing images:</p>
  
  <p><img src="https://i.stack.imgur.com/tibwV.png" alt="enter image description here"><img src="https://i.stack.imgur.com/9t23c.png" alt="enter image description here"><img src="https://i.stack.imgur.com/tuKjC.png" alt="enter image description here"></p>
  
  <p>On the second and third image I didn't picture new View coming to the front, but I think it wasn't necessary. Do you have any idea how can I modify the code?<BR><BR> <strong>I would like to change height of TableLayout, RelativeLayout and FrameLayout and keep the height of both TextViews. Also I would have to change X-position of the whole View.</strong> <BR><BR>I am looking forward for your creative answers (code). Below I attach my code for the animation.</p>
  
  <pre><code>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 &lt; -1) { // [-Infinity,-1)
              // This page is way off-screen to the left.
              view.setAlpha(0);
  
          } else if (position &lt;= 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 &lt;= 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);
          }
      }
  }
  </code></pre>
  
  <p>UPDATE:</p>
  
  <p>I can manipulate with height of whole View (for now I can do only this) with the following code:</p>
  
  <pre><code>  LinearLayout relativeLayout = (LinearLayout) view.findViewById(R.id.fragment_object_canvas_linearLayout1);
              relativeLayout.setLayoutParams(new FrameLayout.LayoutParams(relativeLayout.getWidth(), NEW_HEIGHT_HERE)));
  </code></pre>
  
  <p>However, I am not sure what should I put into NEW_HEIGHT_HERE variable to make it work corectly...</p>