title: How to wrap a relative layout in a Scrollview?
body: <p>I tried to modify my main activity to convert to a scroll view but when I added the Scrollview  elements around the layout xml,the formatting is messed up.</p>
  
  <p>Can anyone spot where I made a mistake when wrapping it in a ScrollView? </p>
  
  <p>This is the layout before adding Scrollview:</p>
  
  <p><img src="https://i.stack.imgur.com/5q8gT.png" alt="Original"></p>
  
  <p>This is after:</p>
  
  <p><img src="https://i.stack.imgur.com/Xg4NU.png" alt="After mod"></p>
  
  <p>And this is how I implemented it in the layout xml:</p>
  
  <pre><code> &lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center_vertical"
      android:paddingBottom="@dimen/activity_vertical_margin"
      android:paddingLeft="@dimen/activity_horizontal_margin"
      android:paddingRight="@dimen/activity_horizontal_margin"
      android:paddingTop="@dimen/activity_vertical_margin"
      tools:context=".MainActivity"
       &gt;
  
  &lt;RelativeLayout
  
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical" &gt;
  
  
      &lt;EditText
          android:id="@+id/ductDepth"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_above="@+id/calc"
          android:layout_centerHorizontal="true"
          android:layout_marginBottom="37dp"
          android:ems="10"
          android:hint="Enter duct depth mm"
          android:inputType="numberDecimal"
          android:singleLine="true" &gt;
  
          &lt;requestFocus /&gt;
      &lt;/EditText&gt;
  
      &lt;EditText
          android:id="@+id/offDepth"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_above="@+id/textView3"
          android:layout_alignLeft="@+id/ductDepth"
          android:layout_marginBottom="14dp"
          android:ems="10"
          android:hint="Enter offset depth mm"
          android:inputType="numberDecimal"
          android:singleLine="true" /&gt;
  
      &lt;EditText
          android:id="@+id/offLength"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_above="@+id/textView2"
          android:layout_alignLeft="@+id/offDepth"
          android:layout_marginBottom="20dp"
          android:ems="10"
          android:hint="Enter offset length mm"
          android:inputType="numberDecimal"
          android:singleLine="true" /&gt;
  
      &lt;TextView
          android:id="@+id/textView2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_above="@+id/offDepth"
          android:layout_alignLeft="@+id/offDepth"
          android:text="Depth:"
          android:textSize="30sp" /&gt;
  
      &lt;TextView
          android:id="@+id/textView3"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_above="@+id/ductDepth"
          android:layout_alignLeft="@+id/ductDepth"
          android:text="Duct Depth:"
          android:textSize="30sp" /&gt;
  
      &lt;TextView
          android:id="@+id/textView1"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_above="@+id/offLength"
          android:layout_alignLeft="@+id/offLength"
          android:text="Length:"
          android:textSize="30sp" /&gt;
  
      &lt;Button
          android:id="@+id/calc"
          android:layout_width="200dp"
          android:layout_height="70dp"
          android:layout_alignLeft="@+id/ductDepth"
          android:layout_alignParentBottom="true"
          android:layout_marginBottom="30dp"
          android:background="@drawable/calcbttrans" /&gt;
  
  
  
      &lt;android.support.v4.view.ViewPager     
      android:id="@+id/pager"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/calc" &gt;
  
      &lt;!--
      This title strip will display the currently visible page title, as well as the page
      titles for adjacent pages.
      --&gt;
  
      &lt;android.support.v4.view.PagerTitleStrip
          android:id="@+id/pager_title_strip"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="top"
          android:background="#33b5e5"
          android:paddingBottom="4dp"
          android:paddingTop="4dp"
          android:textColor="#fff" /&gt;
  
  &lt;/android.support.v4.view.ViewPager&gt;
  
  &lt;/RelativeLayout&gt;
  
  &lt;/ScrollView&gt;
  </code></pre>