Android "Chat" style layout problem

See more:

XML

Mobile

Android

Hi
I am new to android development and I am struggling with something simple which I just cannot figure out.

WHAT I WANT:
I basically want my EditText and "Send" button to be shifted up the screen above the keyboard when the user taps on the EditText to enter a message. This is working fine and when the user taps the EditText, the keyboard displays and the EditText and Button is stuck to the top of the keyboard as it should be. However, I still want the rest of my layout to be scrollable, because now the EditText and Button is overlapping other elements on the layout and the View cannot be scrolled. For instance, my EditText is overlapping a Spinner, and for the user to select something from the Spinner, he needs to first hide the keyboard again. I want him to be able to just scroll the view in order to select from the spinner without having to close the keyboard.

I hope it is clear what I am trying to do. Here is my XML code for my layout.

<RelativeLayout
    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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="za.co.mincdevelopment.mincsmsconsole.SendSingle">

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:fillViewport="true"
        android:id="@+id/scrollView">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:text="@string/message_heading"
                android:id="@+id/txtSendSingleHeading"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true"/>

            <View
                android:layout_width="fill_parent"
                android:layout_height="2dp"
                android:layout_marginTop="5dp"
                android:removed="#00baff"
                android:layout_below="@+id/txtSendSingleHeading"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:id="@+id/viewLogin" />

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:inputType="phone"
                android:ems="10"
                android:id="@+id/edtRecipient"
                android:layout_below="@+id/txtSendSingleHeading"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginTop="46dp"
                android:drawableLeft="@drawable/cell"
                android:drawableStart="@drawable/cell"
                android:hint="@string/text_number_recipient"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true" />

            <!-- Spinner Dropdown -->
            <Spinner
                android:id="@+id/spinTemplate"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:prompt="@string/spinner_title"
                android:layout_marginTop="25dp"
                android:layout_below="@+id/edtRecipient"
                android:layout_centerHorizontal="true" />

        </RelativeLayout>
    </ScrollView>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:weightSum="1">
        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/edtMessage"
            android:inputType="textMultiLine"
            android:removed="@drawable/edittext_custom"
            android:maxLength="160"
            android:padding="8dp"
            android:hint="@string/text_write_message"
            android:layout_weight="1" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button_send"
            android:id="@+id/btnSend"
            android:drawableLeft="@drawable/send_icon"
            android:drawableStart="@drawable/send_icon"
            android:padding="8dp"
            android:background="?attr/selectableItemBackground"/>

    </LinearLayout>
</RelativeLayout>