Scroll widgets underneath non-scroll widgets

Put problem concerning Views, Layouts and other XML-Resources (like AndroidManifest) here.

Scroll widgets underneath non-scroll widgets

Postby Skeniver » Wed Aug 12, 2009 2:16 pm

Hi there

I have a form that scrolls the user entry part of the form, and has two buttons aligned at the bottom. However, it is giving me some hassles. The out-of-view widgets are showing underneath the buttons, so seemingly there is no background. It is transparent, so to say.

I have included some screen shots to illustrate the problems and how the code is laid out in the layout...

But I want the buttons to stay visible at all times, at the bottom, and have the rest of the screen scroll

Syntax: [ Download ] [ Hide ]
Using xml Syntax Highlighting
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3.  
  4. <RelativeLayout
  5.  
  6.         android:id="@+id/NewUserRLayoutWhole"
  7.  
  8.         android:layout_width="fill_parent"
  9.  
  10.         android:layout_height="fill_parent"
  11.  
  12.         android:scrollbars="vertical"
  13.  
  14.         xmlns:android="http://schemas.android.com/apk/res/android">
  15.  
  16.         <ScrollView
  17.  
  18.                 android:id="@+id/NewUserScrollView"
  19.  
  20.                 android:layout_width="fill_parent"
  21.  
  22.                 android:layout_height="wrap_content"
  23.  
  24.                 android:scrollbars="vertical">
  25.  
  26.                 <RelativeLayout
  27.  
  28.                         android:id="@+id/NewUserRLayout"
  29.  
  30.                         android:layout_width="wrap_content"
  31.  
  32.                         android:layout_height="wrap_content">
  33.  
  34.                         <TextView
  35.  
  36.                                 android:id="@+id/NewUserTextUsername"
  37.  
  38.                                 android:layout_width="wrap_content"
  39.  
  40.                                 android:layout_height="wrap_content"
  41.  
  42.                                 android:text="@string/NewUserLabelUsername"
  43.  
  44.                                 android:textSize="@dimen/EditBoxHeading"
  45.  
  46.                                 android:textStyle="bold">
  47.  
  48.                         </TextView>
  49.  
  50.                         <EditText
  51.  
  52.                                 android:id="@+id/NewUserEditUsername"
  53.  
  54.                                 android:layout_width="fill_parent"
  55.  
  56.                                 android:layout_below="@+id/NewUserTextUsername"
  57.  
  58.                                 android:layout_height="wrap_content"
  59.  
  60.                                 android:text="">
  61.  
  62.                         </EditText>
  63.  
  64.                         <TextView
  65.  
  66.                                 android:id="@+id/NewUserTextAccount"
  67.  
  68.                                 android:layout_width="wrap_content"
  69.  
  70.                                 android:layout_height="wrap_content"
  71.  
  72.                                 android:layout_below="@+id/NewUserEditUsername"
  73.  
  74.                                 android:text="@string/NewUserLabelAccount"
  75.  
  76.                                 android:textSize="@dimen/EditBoxHeading"
  77.  
  78.                                 android:textStyle="bold">
  79.  
  80.                         </TextView>
  81.  
  82.                         <EditText
  83.  
  84.                                 android:id="@+id/NewUserEditAccount"
  85.  
  86.                                 android:layout_width="fill_parent"
  87.  
  88.                                 android:layout_below="@+id/NewUserTextAccount"
  89.  
  90.                                 android:layout_height="wrap_content"
  91.  
  92.                                 android:text="">
  93.  
  94.                         </EditText>
  95.  
  96.                         <TextView
  97.  
  98.                                 android:id="@+id/NewUserTextSB"
  99.  
  100.                                 android:layout_width="wrap_content"
  101.  
  102.                                 android:layout_height="wrap_content"
  103.  
  104.                                 android:layout_below="@+id/NewUserEditAccount"
  105.  
  106.                                 android:text="@string/NewUserLabelSB"
  107.  
  108.                                 android:textSize="@dimen/EditBoxHeading"
  109.  
  110.                                 android:textStyle="bold">
  111.  
  112.                         </TextView>
  113.  
  114.                         <EditText
  115.  
  116.                                 android:id="@+id/NewUserEditStartingBalance"
  117.  
  118.                                 android:layout_width="fill_parent"
  119.  
  120.                                 android:layout_below="@+id/NewUserTextSB"
  121.  
  122.                                 android:layout_height="wrap_content"
  123.  
  124.                                 android:text="">
  125.  
  126.                         </EditText>    
  127.  
  128.                         <TextView
  129.  
  130.                                 android:id="@+id/NewUserTextOD"
  131.  
  132.                                 android:layout_width="wrap_content"
  133.  
  134.                                 android:layout_height="wrap_content"
  135.  
  136.                                 android:layout_below="@+id/NewUserEditSB"
  137.  
  138.                                 android:text="@string/NewUserLabelOD"
  139.  
  140.                                 android:textSize="@dimen/EditBoxHeading"
  141.  
  142.                                 android:textStyle="bold">
  143.  
  144.                         </TextView>
  145.  
  146.                         <EditText
  147.  
  148.                                 android:id="@+id/NewUserEditOverdraft"
  149.  
  150.                                 android:layout_width="fill_parent"
  151.  
  152.                                 android:layout_below="@+id/NewUserTextOD"
  153.  
  154.                                 android:layout_height="wrap_content"
  155.  
  156.                                 android:text="">
  157.  
  158.                         </EditText>
  159.  
  160.                         <CheckBox
  161.  
  162.                                 android:id="@+id/NewUserCheckSpend"
  163.  
  164.                                 android:layout_width="fill_parent"
  165.  
  166.                                 android:layout_height="wrap_content"
  167.  
  168.                                 android:layout_below="@+id/NewUserEditOD"
  169.  
  170.                                 android:text="@string/NewUserLabelSpend"
  171.  
  172.                                 android:textSize="@dimen/EditBoxHeading"
  173.  
  174.                                 android:textStyle="bold">
  175.  
  176.                         </CheckBox>
  177.  
  178.                 </RelativeLayout>
  179.  
  180.         </ScrollView>
  181.  
  182.         <RelativeLayout
  183.  
  184.                 android:id="@+id/NewUserRLayoutButtons"
  185.  
  186.                 android:layout_width="fill_parent"
  187.  
  188.                 android:layout_height="fill_parent"
  189.  
  190.                 android:layout_below="@+id/NewUserCheckSpend"
  191.  
  192.                 android:layout_alignParentBottom="true">
  193.  
  194.                 <Button
  195.  
  196.                         android:id="@+id/NewUserButtonCancel"
  197.  
  198.                         android:layout_width="fill_parent"
  199.  
  200.                         android:layout_height="wrap_content"
  201.  
  202.                         android:layout_alignParentBottom="true"
  203.  
  204.                         android:text="@string/LabelCancel">
  205.  
  206.                 </Button>
  207.  
  208.                 <Button
  209.  
  210.                         android:id="@+id/NewUserButtonSave"
  211.  
  212.                         android:layout_width="fill_parent"
  213.  
  214.                         android:layout_height="wrap_content"
  215.  
  216.                         android:layout_above="@+id/NewUserButtonCancel"
  217.  
  218.                         android:layout_below="@+id/NewUserEditOverdraft"
  219.  
  220.                         android:text="@string/NewUserLabelSave">
  221.  
  222.                 </Button>      
  223.  
  224.         </RelativeLayout>
  225.  
  226. </RelativeLayout>
  227.  
  228.  
Parsed in 0.013 seconds, using GeSHi 1.0.8.4


If anyone knows how I can fix these issues, I would be most grateful!
Attachments
check box under.JPG
CheckBox is slightly under the button but the scroll is not showing...
check box under.JPG (10.99 KiB) Viewed 174 times
not scrolling.JPG
Here the CheckBox and last EditText are under the button, the scroll has appeared but doesn't scroll enough to show them...
not scrolling.JPG (17.07 KiB) Viewed 174 times
User avatar
Skeniver
Senior Developer
Senior Developer
 
Posts: 106
Joined: Tue Feb 03, 2009 3:51 pm
Location: Canterbury, UK

Top

Postby Skeniver » Wed Aug 12, 2009 2:55 pm

Hi again...

Just to let you know I have solved the problem...

I moved the relative layout holding the buttons above the scroll view. Set it's gravity to the bottom and then set the scroll view to lie about the buttons relative view. Works a treat, with the keyboard hidden and exposed, just to let you all know.

Thanks anyway!
User avatar
Skeniver
Senior Developer
Senior Developer
 
Posts: 106
Joined: Tue Feb 03, 2009 3:51 pm
Location: Canterbury, UK

Top

Return to View, Layout & Resource Problems

Who is online

Users browsing this forum: No registered users and 5 guests