2 Images On Top of Each Other - XML - Android
<p>So I want to use 2 images. One should be on top of the other but smaller, so that the border of the image that's behind is only shown.
Take a look at these 2 photos.</p>

<p>Image that's behind (The border Image)
[IMG]<a href="http://i66.tinypic.com/25zgguh.jpg[/IMG]" rel="nofollow">http://i66.tinypic.com/25zgguh.jpg[/IMG]</a></p>

<p>Image that should be inside the border
[IMG]<a href="http://i67.tinypic.com/10mpgt4.jpg[/IMG]" rel="nofollow">http://i67.tinypic.com/10mpgt4.jpg[/IMG]</a></p>

<p>XML CODE</p>

<pre><code>&lt;com.inthessaloniki.cityguide.view.SelectorRelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/fragment_poi_list_item"
android:layout_width="match_parent"
android:layout_height="@dimen/fragment_poi_list_recycler_item_size"
android:minHeight="@dimen/fragment_poi_list_recycler_item_size"
android:listSelector="@drawable/selector_clickable_item_bg_inverse"&gt;



&lt;ImageView
    android:id="@+id/fragment_poi_list_item_image"
    android:layout_width="match_parent"
    android:layout_height="@dimen/fragment_poi_list_recycler_item_size"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop" /&gt;

&lt;LinearLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/fragment_poi_list_recycler_item_panel_height"
    android:layout_alignParentBottom="true"
    android:gravity="center_vertical"
    android:orientation="vertical"
    android:paddingLeft="@dimen/global_spacing_xs"
    android:paddingRight="@dimen/global_spacing_xxs"
    android:background="@color/fragment_poi_list_recycler_item_panel_bg"&gt;

    &lt;TextView
        android:id="@+id/fragment_poi_list_item_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAppearance="@style/TextAppearance.CityGuide.Body1.Inverse"
        android:fontFamily="sans-serif"
        android:maxLines="2"
        android:ellipsize="end" /&gt;

    &lt;TextView
        android:id="@+id/fragment_poi_list_item_distance"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/ic_grid_distance"
        android:drawablePadding="@dimen/fragment_poi_list_recycler_item_icon_padding"
        android:textAppearance="@style/TextAppearance.CityGuide.Body1.Inverse"
        android:fontFamily="sans-serif"
        android:maxLines="1"
        android:ellipsize="end" /&gt;

&lt;/LinearLayout&gt;
</code></pre>

<p></p>

<p>I was thinking if I could add an    android:background="First Image" and make my Image view center but leaving some space on the edges for the background to be shown.</p>

<p>Would have posted 2 more images showing how the app is and how it should look, but the site won't let me post more than 2 links cause my reputation is lower than 10 -_-
Thanks in advance for the help!!!</p>