I added an ImageView to the top of the main activity.I want to know is there a property I'm missing or one that is causing the overlap? Is there a way to fix this without changing the relative layout? I have posted the XML below.
So initially the UI looks like this:
And after adding the ImageView it overlaps the input boxes completely:
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fillViewport="true"
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"
>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="50dp"
android:orientation="vertical" >
<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="@string/enter_duct_depth_mm"
android:inputType="numberDecimal"
android:singleLine="true" >
<requestFocus />
</EditText>
<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="@string/enter_offset_depth_mm"
android:inputType="numberDecimal"
android:singleLine="true" />
<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="@string/enter_offset_length_mm"
android:inputType="numberDecimal"
android:singleLine="true" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_above="@+id/offDepth"
android:layout_alignLeft="@+id/offDepth"
android:text="Depth:"
android:textSize="30sp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_above="@+id/ductDepth"
android:layout_alignLeft="@+id/ductDepth"
android:text="Duct Depth:"
android:textSize="30sp" />
<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_above="@+id/offLength"
android:layout_alignLeft="@+id/offLength"
android:text="Length:"
android:textSize="30sp" />
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/calc" >
<!--
This title strip will display the currently visible page title, as well as the page
titles for adjacent pages.
-->
<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" />
</android.support.v4.view.ViewPager>
<ImageView
android:id="@+id/imageView1"
android:layout_width="700dp"
android:layout_height="700dp"
android:layout_above="@+id/textView1"
android:layout_centerHorizontal="true"
android:layout_marginBottom="5dp"
android:src="@drawable/mark3" />
<Button
android:id="@+id/calc"
android:layout_width="200dp"
android:layout_height="70dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="26dp"
android:background="@drawable/calcbttrans" />
</RelativeLayout>
</ScrollView>