2个图像在彼此之上 - XML - Android

时间:2016-06-15 08:31:48

标签: android xml image android-studio

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

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

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

XML CODE

<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 =&#34; First Image&#34;并使我的图像视图居中,但在边缘留下一些空间以显示背景。

本来会发布另外两张图片,展示该应用是如何以及它应该如何显示,但该网站不允许我发布超过2个链接,因为我的声誉低于10 -_- 在此先感谢您的帮助!!!

2 个答案:

答案 0 :(得分:1)

希望我明白了,你可以简单地使用两个布局并调整小的边距。 将您的图像设置为RelativeLayout背景或在布局中使用ImageView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="25dp"></RelativeLayout>
</RelativeLayout>

答案 1 :(得分:0)

这样做:

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