android - 2 个相互重叠的图像 - XML - Android

Question

所以我想使用2张图片。一个应该在另一个之上但更小，以便只显示后面图像的边框。
看看这2张照片。

后面的图像(边框图像)
[图片] http://i66.tinypic.com/25zgguh.jpg[/IMG]

应该在边框内的图像
[图片] http://i67.tinypic.com/10mpgt4.jpg[/IMG]

XML 代码

<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">



<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" />

<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">

    <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" />

    <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" />

</LinearLayout>

我在想是否可以添加一个 android:background="First Image"并使我的 ImageView 居中，但在边缘留一些空间以显示背景。

本来会再发布 2 张图片来展示应用程序的外观和外观，但该网站不允许我发布超过 2 个链接，因为我的声誉低于 10 -_-
在此先感谢您的帮助!!!

Answer 1

像这样做:

<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">


<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_image"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/view"
        android:layout_margin="5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/foreground_image" />

</RelativeLayout>

<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">

    <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" />

    <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" />

</LinearLayout>