title: components overlapping on each other
body: <p>Since, i am new to android, i was trying to build a scientific calculator . So in that i have an <code>edit text</code> which displays the results of the calculations.</p>
  
  <p>Now what i was doing was to provide a button on top of it , so that , people can access the advance features of the calculator.</p>
  
  <p>I read various questions regarding and tried to do that and it doesn't seem to work.</p>
  
  <p>Like obviously they overlap.</p>
  
  <p>But <code>edittext</code> comes up on top of <code>imagebutton</code> which makes any click event on <code>imagebutton</code> useless.</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>&lt;ImageButton
          android:contentDescription="View advance features"
          android:layout_width="50dp"
          android:layout_height="50dp"
          android:id="@+id/go_advance"
          android:scaleType="fitXY"
          android:layout_alignParentTop="@id/linearLayout"
          android:layout_alignParentBottom="@id/linearLayout"
          android:background="@drawable/round_buttons"
  
          /&gt;
      &lt;LinearLayout
          android:id="@+id/linearLayout"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical"
          app:layout_constraintBottom_toTopOf="parent"
          app:layout_constraintEnd_toStartOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent"&gt;
  
  
  
          &lt;EditText
              android:id="@+id/editText3"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:layout_gravity="fill_horizontal"
              android:height="225dp"
              android:textSize="24sp"
              android:gravity="end|bottom"
              android:ems="10"
              android:maxLines="2"
              android:inputType="textMultiLine"
              tools:layout_editor_absoluteX="104dp"
              tools:layout_editor_absoluteY="207dp" /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/WzQxs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WzQxs.png" alt="enter image description here"></a></p>
  
  <p>How would i put my <code>imagebutton</code> on top of <code>edittext</code>?</p>