title: How to show a button half on one layout and half on another layout in android?
body: <p>I want to design a layout like the image below:</p>
  
  <p><img src="https://i.stack.imgur.com/oC8uH.png" alt="enter image description here"></p>
  
  <p>I tried to do it using Relative layout but I did not come up with a solution. It should be in the same position for all device screen. How can I achieve it???
  I tried this code: </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical" &gt;
  
      &lt;RelativeLayout
          android:id="@+id/relative_layout_top"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:background="@drawable/obaz" &gt;
  
      &lt;/RelativeLayout&gt;
  
      &lt;RelativeLayout
          android:id="@+id/relative_layout_bottom"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_below="@+id/relative_layout_top"
          android:background="@drawable/obaz2" &gt;
  
          &lt;Button
              android:id="@+id/bt_atoz"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentRight="true"
              android:layout_alignParentTop="true"
              android:layout_marginTop="-20dp"
  
              android:background="@drawable/button_active" /&gt;
  
      &lt;/RelativeLayout&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>Any suggestion will be appreciated.</p>