2014-01-27 4 views
2

Я пытаюсь создать макет, где есть изображение, которое находится в фоновом режиме, и другое изображение, которое накладывается поверх фонового изображения, но проблема в том, что я хочу разместить второе изображение выше первый один без потери качества изображения второго .Теперь он немного размыть, как показано ниже в 3-й картинки:Поместите картинку над другим изображением в Android

Вот мои 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> 

ответ

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

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> 

Прочитано more и even more о FrameLayout и вам понравится.

1

Попробуйте использовать FrameLayout или фрагменты. Насколько я понял, это решит вашу проблему.

+1

См., Что предложил Эрис Цзян. Это поможет. – Saggy

Смежные вопросы