title: Scale a layout to match parent with animation
body: <p>In my sample project i have a linear layout, its height is set to wrap content in xml and there is also a fragment below it which takes all the remaining space. The fragment contains a button which when clicked will remove the fragment and the height of the linear layout is set to match parent. I tried adding <code>android:animateLayoutChanges="true"</code> but the transition from wrap_content to match_parent is not smooth. How can i animate from <code>android:layout_height="wrap_content"</code> to <code>android:layout_height="match_parent"</code></p>
  
  <p>Here is the layout</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/bg"
            android:orientation="vertical"
            android:id="@+id/layoutRoot"
            tools:context=".MainActivity"&gt;
  
  &lt;LinearLayout
      android:layout_width="match_parent"
      android:id="@+id/cloudHolder"
      android:orientation="vertical"
      android:animateLayoutChanges="true"
      android:gravity="center"
      android:layout_height="wrap_content"&gt;
      &lt;ImageButton
          android:layout_width="100dp"
          android:layout_gravity="center"
          android:layout_height="100dp"
          android:background="@drawable/play"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p></p>