Note that there are some explanatory texts on larger screens.

plurals
  1. POViewPager in android is taking full screen?
    text
    copied!<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>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload