Android: Как разместить прозрачное изображение над другим изображением с его точной шириной и высотой

Question

У меня 2 изображения main_bg и прозрачный корабль изображения. Корабль обрезается с main_bg, и я хочу поместить обрезанное изображение на main_bg в точную позицию, где корабль появляется на main_bg. Когда я использую

android:layout_width="match_parent" android:layout_height="match_parent"

корабля появляются как удлиненная один. Когда я использую «wrap_content» вместо «match_parent», , он отображается как небольшое изображение. Как установить судно на main_bg с его точной шириной и высотой.

Это мой xml-код.

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/main_bg" 
android:gravity="left" 
android:orientation="horizontal"> 
    <LinearLayout 
    android:id="@+id/ship" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@drawable/ship" 
    android:orientation="vertical"> 
</LinearLayout> 

Как правильно разместить его?

Answer 1

Вы должны попробовать использовать FrameLayouts для наложения одного изображения поверх другого. Нравится:

FrameLayout 
    Image 
FrameLayout 
    Image 

И установите размеры FrameLayouts, как вы хотите.

Answer 2

Вы можете использовать два FrameLayout и сделать что-то вроде этого:

<FrameLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" 
    android:background="@drawable/main_bg" > 

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@drawable/ship" > 

    </FrameLayout> 

</FrameLayout> 

Answer 3

использование LayeredImageView с этого поста How to maintain multi layers of ImageViews and keep their aspect ratio based on the largest one? смотрите пример с флагом, как поместить слои