Databases
StackOverflow2013
Postsdbo
PORelativeLayout with anchored top and bottom?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PORelativeLayout with anchored top and bottom?
    text
    copied!<p>I'm trying to create an android screen that has a TableLayout anchored to the top, then a scrollview to fill middle, and TableLayout anchored to the bottom. I used a RelativeLayout with alignParentTop/alignParentBottom and the bottom TableLayout shows up, but the top one disappears. </p> <p>Is it possible to have separate sections anchored at both top and bottom with a scrollable region filling the middle? Imagine a button bar on top and bottom with scrollable items in the middle. Here is my layout that was close but doesn't quite work. I also tried with a TableLayout and 3 rows with the middle one set to fill_parent and ScrollView, but couldn't get that to work either.</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout01" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"&gt; &lt;TableLayout android:id="@+id/CategoryTable01" android:stretchColumns="*" android:background="#000000" android:layout_height="80px" android:layout_alignParentTop="true" android:layout_width="fill_parent"&gt; &lt;TableRow android:id="@+id/tr01" android:layout_height="fill_parent" android:layout_width="wrap_content" android:padding="10px" android:layout_gravity="center_vertical|center_horizontal"&gt; &lt;TextView android:text="TOP1" android:textColor="#0000FF" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;TextView android:text="TOP2" android:textColor="#CCCCCC" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;/TableRow&gt; &lt;/TableLayout&gt; &lt;ScrollView android:id="@+id/ScrollView01" android:layout_width="fill_parent" android:layout_height="fill_parent"&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/LinearLayout02" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"&gt; &lt;TableLayout android:id="@+id/TableLayout01" android:stretchColumns="*" android:background="@drawable/gradient" android:layout_height="wrap_content" android:paddingLeft="20px" android:layout_width="fill_parent"&gt; &lt;TableRow android:id="@+id/TableRow01" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_gravity="center_vertical|center_horizontal"&gt; &lt;TextView android:textColor="#FFFFFF" android:textStyle="bold" android:textSize="12dip" android:text="Sample Line 1"&gt;&lt;/TextView&gt; &lt;/TableRow&gt; &lt;TableRow android:id="@+id/TableRow02" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_gravity="center_vertical|center_horizontal"&gt; &lt;TextView android:textColor="#FFFFFF" android:textSize="11dip" android:text="Sample Line 2"&gt;&lt;/TextView&gt; &lt;/TableRow&gt; &lt;TableRow android:id="@+id/TableRow03" android:layout_height="600px" android:layout_width="wrap_content" android:layout_gravity="center_vertical|center_horizontal"&gt; &lt;TextView android:textColor="#FFFF00" android:textSize="11dip" android:text="Sample Line 3"&gt;&lt;/TextView&gt; &lt;/TableRow&gt; &lt;/TableLayout&gt; &lt;/LinearLayout&gt; &lt;/ScrollView&gt; &lt;TableLayout android:id="@+id/CategoryTable02" android:stretchColumns="*" android:background="#000000" android:layout_height="80px" android:layout_alignParentBottom="true" android:layout_width="fill_parent"&gt; &lt;TableRow android:id="@+id/tr02" android:layout_height="fill_parent" android:layout_width="wrap_content" android:padding="10px" android:layout_gravity="center_vertical|center_horizontal"&gt; &lt;TextView android:text="ONE" android:textColor="#0000FF" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;TextView android:text="TWO" android:textColor="#CCCCCC" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;TextView android:text="THREE" android:textColor="#CCCCCC" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;TextView android:text="FOUR" android:textColor="#CCCCCC" android:layout_height="fill_parent" android:layout_gravity="fill_vertical" android:textStyle="bold" /&gt; &lt;/TableRow&gt; &lt;/TableLayout&gt; &lt;/RelativeLayout&gt; </code></pre> <p>Thanks for any suggestions or help.</p> <p>Michael</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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