sobre - superponer imagenes android studio

Colocar/superponer(índice z) una vista sobre otra vista en Android

Question

Tengo un diseño lineal que consiste en vista de imagen y texto, uno debajo del otro en un diseño lineal.

<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>

Algunas reglas pueden faltar, esto es para dar una idea, cómo se ve el diseño. Quiero otra vista de texto pequeño de, por ejemplo, 50dip en longitud y anchura, colocada sobre la vista de imagen, por "sobre" Me refiero al índice z más que a la vista de imagen, quiero colocar esto, en el centro y encima (superpuesto) de la vista de imagen.

Quiero saber cómo podemos colocar una vista por encima de la otra, con un índice z variable (preferiblemente en diseño lineal).

Answer 1

Cambiando el orden de sorteo

Una alternativa es cambiar el orden en que las vistas son dibujadas por el padre. Puede habilitar esta función desde ViewGroup llamando a setChildrenDrawingOrderEnabled(true) y anulando getChildDrawingOrder (int childCount, int i) .

Ejemplo:

/**
 * Example Layout that changes draw order of a FrameLayout
 */
public class OrderLayout extends FrameLayout {

    private static final int[][] DRAW_ORDERS = new int[][]{
            {0, 1, 2},
            {2, 1, 0},
            {1, 2, 0}
    };

    private int currentOrder;

    public OrderLayout(Context context) {
        super(context);
        setChildrenDrawingOrderEnabled(true);
    }

    public void setDrawOrder(int order) {
        currentOrder = order;
        invalidate();
    }

    @Override
    protected int getChildDrawingOrder(int childCount, int i) {
        return DRAW_ORDERS[currentOrder][i];
    }
}

Salida:

Llamar a OrderLayout#setDrawOrder(int) con 0-1-2 resulta en:

Answer 2

AFAIK no puede hacerlo con diseños lineales, tendrá que ir a un RelativeLayout .

Answer 3

Dar una oportunidad para .bringToFront() :

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

Answer 4

Hay una manera de usar LinearLayout. Simplemente establezca el margen superior de su elemento anterior en el valor negativo correspondiente y asegúrese de que el elemento que desea en la parte superior se encuentre después del elemento que desea a continuación en su 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

No puedes usar un LinearLayout para esto, pero puedes usar un FrameLayout . En un FrameLayout , el índice z se define por el orden en que se agregan los elementos, por ejemplo:

<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>

En este caso, el TextView se dibujará en la parte superior de ImageView, a lo largo del centro inferior de la imagen.

Answer 6

Prueba esto en un RelativeLayout:

ImageView image = new ImageView(this);
image.SetZ(float z);

Esto funciona para mi.

Answer 7

Puede usar view.setZ(float) partir del nivel 21 de API. Here puede encontrar más información.

Answer 8

RelativeLayout funciona de la misma manera, la última imagen del diseño relativo gana.

Answer 9

Resolví el mismo problema agregando android:elevation="1dp" a la vista que desee sobre otra.