Question

Buenas tardes compañeros, no soy muy bueno para el maquetado de interfaces en Android-
queria ver si me podian echar la mano para realizar esto...

no puedo lograr que la imagen este sobrepuesta arriba de los 3 linearlayouts que tengo para representar los 3 colores del fondo y texto alineado a la derecha

Muchas gracias espero me puedan ayuda.. Saludos..!!

Comments

¿Como las estas poniendo?
¿Porque no puedes?
¿Estas usando una imagen con formato PNG transparente?
¿Los fondos son imágenes o bloques de color?

Saludos.

---

Los 3 colores estan dentro de un linear layout cada uno.

No puedo por que no se como poner la imagen arriba de los 3 linear layouts.. ya que si trato de incertarla solo se pone dentro de 1 linear ignorando los de mas..

La imagen de la mujer es un png

Los bloques de colores son el background de cada uno de los linearlayout

---

Este es mi diseño:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#126462"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:paddingRight="20sp"
        android:paddingTop="15sp"
        android:text="VIGENCIA DE LAS MEMBRESÍAS"
        android:textColor="#ffffff"
        android:textStyle="bold" />

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </FrameLayout>

    <TextView
        android:id="@+id/textView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:paddingRight="20sp"
        android:text="6 meses a partir del dia de la compra."
        android:textColor="#ffffff" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:paddingRight="20sp"
        android:paddingTop="15sp"
        android:text="RENOVACIÓN DE AFILIACIÓN"
        android:textColor="#ffffff"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:paddingBottom="20sp"
        android:paddingRight="20sp"
        android:text="Al finalizar la vigencia deberás renombrar tu membresía, para seguir activo y que no se desactive tu cuenta en el sistema."
        android:textColor="#ffffff" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#652D90"
    android:gravity="right"
    android:orientation="vertical"
    android:paddingBottom="10sp" >

    <TextView
        android:id="@+id/textView8"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:paddingRight="20sp"
        android:paddingTop="15sp"
        android:text="GANA MAS CON IMPULS"
        android:textColor="#ffffff" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="170dp"
        android:layout_height="59dp"
        android:src="@drawable/impuls" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#D91B5B"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1" >

            <ImageView
                android:id="@+id/imageView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:src="@drawable/carrito" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center_vertical|center"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView9"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="¡ DESCARGA"
                android:textColor="#ffffff"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/textView10"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TU APP Y COMPRA !"
                android:textColor="#ffffff"
                android:textStyle="bold" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

</LinearLayout>

Answer 1

Hola Novo,

nunca lo he hecho, pero por lo que estuve ojeando, no parece complicado: hay que usar la propiedad android:background="@drawable/background2" en la definición del LinearLayout

http://www.limecreativelabs.com/anadir-un-background-una-activity-en-android/

http://danielme.com/tip-android-10-mostrar-una-imagen-como-background/

Ya nos contarás!

Answer 2

por qué no pones dentro del frame layout la imagen y sólo usas wrap_content para que la imagen ocupe las dimensiones de la misma?, luego alineas la posición del frame con gravity y creo que estará listo.

Answer 3

Novus pienso que es mejor crear la imagen con photoshop tal como quieres que se repesente en el layout y lanzarla con un imageView y te ahorras complicaciones