title: Animation in Viewpager tab change fadein / fadeout as like Linkedin introduction screen
body: <p>I want to implement same kind of animation such as linked in does in android application for its Introduction(Login / register) screen. </p>
  
  <p>I am using view pager for Introduction screen and i want to implement fadein fadeout animation on background image change, As per swipe right to left or vice versa.
  I want to implement fadein and fadeout animation on background image change according to swipe of screen.
  any help is appreciated.
  Please take a look at my layout code</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" &gt;
  
  &lt;ImageView
      android:id="@+id/background_image"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:scaleType="centerCrop" /&gt;
  
  &lt;LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical"
      android:weightSum="7" &gt;
  
      &lt;LinearLayout
          android:id="@+id/linearLayout1"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_marginRight="10dp"
          android:layout_weight="1"
          android:gravity="right"
          android:orientation="horizontal" &gt;
  
          &lt;ImageView
              android:id="@+id/imageView2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:layout_marginRight="5dp"
              android:src="@drawable/icon_skip" /&gt;
  
          &lt;TextView
              android:id="@+id/skip_tv"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:text="Skip"
              android:textAppearance="?android:attr/textAppearanceMedium"
              android:textColor="@android:color/white" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="4"
          android:gravity="bottom"
          android:orientation="vertical" &gt;
  
          &lt;ImageView
              android:id="@+id/imageView3"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:src="@drawable/logo" /&gt;
  
          &lt;android.support.v4.view.ViewPager
              xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:id="@+id/pager"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              tools:context="com.xyz.View.IntroductionScreen" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="2"
          android:gravity="center"
          android:orientation="vertical" &gt;
  
          &lt;Button
              android:id="@+id/connection_bt"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginBottom="10dp"
              android:layout_marginLeft="40dp"
              android:layout_marginRight="40dp"
              android:background="@drawable/button"
              android:text="CONNEXION"
              android:textColor="@android:color/white" /&gt;
  
          &lt;Button
              android:id="@+id/register_bt"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginLeft="40dp"
              android:layout_marginRight="40dp"
              android:layout_marginTop="10dp"
              android:background="@drawable/button"
              android:text="INSCRIPTION"
              android:textColor="@android:color/white" /&gt;
      &lt;/LinearLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>And View pager fragment layout is</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"&gt;
   &lt;LinearLayout
     android:id="@+id/text_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dp"
      android:orientation="vertical" &gt;
  &lt;TextView
      android:id="@+id/tagline_tv1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:singleLine="true"
      android:text="Laissez votre prochain job"
      android:textAppearance="?android:attr/textAppearanceMedium"
      android:textColor="@android:color/white" /&gt;
  
  &lt;TextView
      android:id="@+id/details_tv"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:maxLines="2"
      android:text="vous trouver"
      android:textAppearance="?android:attr/textAppearanceMedium"
      android:textColor="@android:color/white" /&gt;
  
      &lt;/LinearLayout&gt;
    &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>sample Splashs creen this is what i want to implement.
  <img src="https://i.stack.imgur.com/JOI8m.png" alt="Linkedin Spalsh screen ">
  Thank you</p>