Placer/superposer (z-index) une vue au-dessus d'une autre vue dans Android

Question

J'ai une mise en page linéaire qui consiste en une vue d'image et une vue de texte, l'une en dessous de l'autre dans une mise en page linéaire.

<LinearLayout android:orientation="horizontal" ... >
 <ImageView 
     android:id="@+id/thumbnail"
     android:layout_weight="0.8" 
     android:layout_width="0dip"
     android:layout_height="fill_parent">
 </ImageView>
 <TextView 
    android:id="@+id/description"
    android:layout_weight="0.2"
    android:layout_width="0dip"
    android:layout_height="wrap_content">
 </TextView>

Il se peut que certaines règles manquent, mais c'est pour donner une idée de ce à quoi ressemble la mise en page. Je veux une autre petite vue de texte de disons 50dip dans la longueur et la largeur, placée au-dessus de l'imageview, par "au-dessus" je veux dire z-index plus que l'imageview, je veux placer ceci, au centre et au-dessus (chevauchant) l'imageview.

Je voudrais savoir comment placer une vue au-dessus d'une autre, avec un z-index variable (de préférence en disposition linéaire) ?

Answer 1

Vous ne pouvez pas utiliser un LinearLayout pour cela, mais vous pouvez utiliser un FrameLayout . Dans un FrameLayout le z-index est défini par l'ordre dans lequel les éléments sont ajoutés, par exemple :

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/my_drawable"
        android:scaleType="fitCenter"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center"
        android:padding="5dp"
        android:text="My Label"
        />
</FrameLayout>

Dans ce cas, le TextView sera dessiné au-dessus de l'ImageView, au centre de l'image.

Answer 2

Essayez de .bringToFront() :

http://developer.Android.com/reference/Android/view/View.html#bringToFront%28%29

Answer 3

RelativeLayout fonctionne de la même manière, la dernière image de la disposition relative l'emporte.

Answer 4

Il existe un moyen d'utiliser LinearLayout. Il suffit de définir la valeur marginTop de l'élément précédent sur la valeur négative correspondante, et de s'assurer que l'élément que vous souhaitez placer en haut se trouve après l'élément que vous souhaitez placer en bas dans votre XML.

<linearLayout android:orientation="horizontal" ... >
<ImageView 
 android:id="@+id/thumbnail"
 android:layout_weight="0.8" 
 android:layout_width="0dip"
 android:layout_height="fill_parent"
>
</ImageView>
<TextView 
android:id="@+id/description"
android:layout_marginTop="-20dip"
android:layout_weight="0.2"
android:layout_width="0dip"
android:layout_height="wrap_content"
>
</TextView>

Answer 5

A priori, vous ne pouvez pas le faire avec des mises en page linéaires. RelativeLayout .