title: ViewPager in android is taking full screen?
body: <p>In my xml file I have a Linear layout that has a ViewPager for showing images and another Linear layout that contains previous and Next buttons for selecting images.My xml looks like this:</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
      &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent" &gt;
  
          &lt;android.support.v4.view.ViewPager
              android:id="@+id/pager"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content" /&gt;
  
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:gravity="center"
              android:orientation="horizontal" &gt;
  
              &lt;Button
                  android:id="@+id/goto_first"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="first" &gt;
              &lt;/Button&gt;
  
              &lt;Button
                  android:id="@+id/goto_last"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="last" &gt;
              &lt;/Button&gt;
          &lt;/LinearLayout&gt;
  
      &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>My problem is that the ViewPager is taking full screen and the Linearlayout with previous next buttons is not showing up because there is no space left to draw this LinearLayout.</p>
  
  <p>I am using Fragments to populate ViewPager with views.The xml file for the fragment view that goes into ViewPager is:</p>
  
  <p>
  </p>
  
  <pre><code>&lt;ImageView
      android:id="@+id/ItemImage"
      android:layout_width="320dp"
      android:layout_height="180dp" /&gt;
  
  &lt;TextView
      android:id="@+id/ItemText"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="left|bottom"
      android:layout_marginBottom="5dp"
      android:textColor="#ffffffff"
      android:textStyle="bold" /&gt;
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p><strong>The output i am getting after rendering is in this manner:</strong>
  <br>
      1.image ( covering 45% screen height)
     <br> 2.blank space (covering 45% screen height)
     <br> 3.Textview (covering rest of the 10% screen height)</p>
  
  <p><strong>The output i want is :</strong>
   <br> 1.image ( covering 45% screen height)
     <br> 2.Textview (covering  10% screen height)
     <br> 3.LinearLayout for Buttons (covering rest of the 45% screen height)</p>