title: Replicate Google Maps Bottom Panel Swipe Up
body: <p>I'm trying to replicate Google Maps' bottom panel swipe up animation:</p>
  
  <ol>
  <li>Tap on Maps marker shows small, portion of bottom panel (header)</li>
  <li>Swipe up on the header panel reveals a full sized panel with more info.</li>
  <li>Swipe down on full size panel restored view to header only</li>
  <li>Tap off marker, and the bottom panel diasappears</li>
  </ol>
  
  <p>Using <code>TranslationAnimation</code>, I've been able to get a bottom panel to animate up when tapping on the marker. To problem I'm having, is that at the end of the animation, I must set its View to <code>VISIBLE</code> so that the panel shows, but then the full panel shows and not just the top header portion. </p>
  
  <p>I'm currently using a FrameLayout containing a LinearLayout as my bottom panel view:</p>
  
  <pre><code>&lt;FrameLayout
          android:id="@+id/viewBottomPane"
          android:layout_width="match_parent"
          android:visibility="gone"
          android:background="#000000"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal|bottom"&gt;
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical"&gt;
              &lt;include
                  android:id="@+id/paneHeader"
                  layout="@layout/headerPanel" /&gt;
              &lt;TextView
                  android:id="@+id/paneFooter"
                  android:text=""
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"/&gt;
              &lt;/LinearLayout&gt;
      &lt;/FrameLayout&gt;
  </code></pre>
  
  <p>I'd like to just show <code>paneHeader</code> on Map marker tap, then swipe up to show full <code>viewBottomPane</code>, swipe down to show <code>paneHeader</code> and tap off marker to hide all. </p>