将两个图像视图放在另一个上面

时间:2014-03-21 17:42:44

标签: java android xml

我正在尝试将2个imageView放在另一个上面。这就是我想要完成的。 enter image description here

所以我想要的是,imageView#2将与图片中的imageView#1完全相同的位置。这是我到目前为止所尝试但它不像我想要的那样工作。当我尝试使用不同的设备时,图像并没有保持准确的位置:(

<LinearLayout
android:id="@+id/wrap"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@id/tvding"
android:orientation="vertical" >

    <FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

        <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:scaleType="fitCenter"
        android:src="@drawable/base" />

        <ImageView
        android:id="@+id/imageViewCompass"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="25dp"
        android:scaleType="fitCenter"                    
        android:src="@drawable/niddle" />
    </FrameLayout>
</LinearLayout>

提前致谢。

2 个答案:

答案 0 :(得分:3)

尝试使用此代码,我将其用于带有重叠播放图像的show video thumb `

<FrameLayout
                android:id="@+id/playVideo"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >
                <ImageView
                    android:id="@+id/videoImage"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:scaleType="center"
                    android:src="@drawable/videoThumb" />
                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:scaleType="centerCrop"
                    android:layout_margin="10dp"
                    android:src="@drawable/play_button"/>
            </FrameLayout>`

根据您的要求更改高度宽度。

答案 1 :(得分:0)

一个选项必须使用FrameLayout

Android Layout Tricks #3: Optimize by merging

或使用 RelativeLayout

<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content">
    <ImageView  android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/image_bottom"/>
    <ImageView  android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/image_top" android:layout_alignParentBottom="true" android:layout_alignParentRight="true"/>
</RelativeLayout>

更新:我发现了这个@ Stackoverflow: 的 how to place an image over another one on android app?