将图像放在Android中的另一个图像上方

时间:2014-01-27 07:43:33

标签: android android-layout

我正在尝试创建一个布局,其中有背景中的图像和另一个图像放在背景图像的上方,但问题是我想将第二个图像放在第一个上面而不会失去第二个图像的质量图片。现在它在第3张图片中有点模糊:

这是我的2张图片:

图片1: enter image description here

图片2:

enter image description here

它看起来像这样:

enter image description here

第三张图片变得有点模糊.. 是否有可能使结果更加清晰。

我的布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/image1"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >

    <Button
        android:id="@+id/intentskip"
        android:layout_width="500dp"
        android:layout_height="200dp"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@+id/imageView1"
        android:background="@drawable/blank"
        android:visibility="visible" />

    <ImageView
        android:id="@+id/image2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:src="@drawable/frames_01521" />

</RelativeLayout>

3 个答案:

答案 0 :(得分:5)

尝试使用FrameLayout,如下所示:

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:focusable="false" >

    <ImageView
        android:id="@+id/img_first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
    />

    <ImageView
        android:id="@+id/img_second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
    />
</FrameLayout>

关于FrameLayout阅读moreeven more,您一定会喜欢它。

答案 1 :(得分:2)

<ImageView
        android:id="@+id/image2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:gravity="center_horizontal|center_vertical"
        android:scaleType="fitCenter"
        android:background="@drawable/background_or_image_bottom"
        android:src="@drawable/frames_01521" />

或者您可以使用 FrameLayout

Placing/Overlapping

答案 2 :(得分:1)

尝试使用FrameLayout或Fragments。据我所知,它将解决您的问题。