Diseño de Interfaces con RelativeLayout en Android

Quiero una camiseta como la suya profe. Está muy way

para que el elemento esté alineado arriba utilizamos

layout_alingParentTop="true"

si queremos que el elemento esté alineado abajo

layout_alingParentBottom="true"

para que un elemento esté alineado hacia la izquierda

layout_alingParentStart="true"

para que se pueda alinear a la derecha

layout_alingParentEnd="true"

si queremos que un elemento esté alineado con respecto a otro elemento primero indicamos su posición y le indicamos el elemento con el que queremos que esté alineado

layout_alingParentEnd="true"
layout_below="@id/imagen"
este codigo sirve para alinear el objeto a la derecha con respecto al elemento imagen

si lo que buscamos es que un elemento nos ocupe todo el ancho de la pantalla, RelativeLayout está pensado para eso, porque nosotros le podemos indicar la alineación inicial y final que debería tener en la pantalla.

layout_alingParentStart="true"
layout_alingParentEnd="true"

Le estamos diciendo que el objeto esté alineado a la izquierda y derecha de la pantalla, de esta manera ocupará todo el ancho de todo el activity

Aquí la versión gráfica

Documentación y Referencia de RelativeLayout

https://developer.android.com/guide/topics/ui/layout/relative

https://developer.android.com/reference/kotlin/android/widget/RelativeLayout?hl=en

Relative Layout: Nos permite alinear elementos referenciandolos con otros identificadores o elementos.

RelativeLayout Es un viewGroup que organiza los views de forma “no lineal”, es decir, podemos jugar con su ubicación en la pantalla poniendolos en el lugar que queramos de manera facil.

Jamás vi esto en la U. ❤️ Me encanta

DIFERENCIA =
LinearLayout y RelativeLayout

LinearLayout = los elementos estan organizados de izquierda a derecha o de arriba hacia abajo

RelativeLayout = es otro tipo de Layout con el cual podemos estructurar u organizar los elementos en pantalla en diferentes posiciones = un elemento puede flotar a la derecha, izquierda, arriba, abajo, al final etc.

Practique con Buttons y asi quedo

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
>
 

    <Button
        android:id="@+id/btn_a"
        android:layout_width="154dp"
        android:layout_height="114dp"
        android:text="A"
        app:backgroundTint="#FF9800"
        tools:layout_editor_absoluteX="42dp"
        tools:layout_editor_absoluteY="42dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
    />

    <Button
        android:id="@+id/btn_b"
        android:layout_width="153dp"
        android:layout_height="344dp"
        android:background="#8BC34A"
        android:text="B"
        app:backgroundTint="#8BC34A"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        />

    <Button
        android:id="@+id/btn_c"
        android:layout_width="286dp"
        android:layout_height="236dp"
        android:text="C"
        app:backgroundTint="#309592"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/btn_b"
        />

    <Button
        android:id="@+id/btn_d"
        android:layout_width="131dp"
        android:layout_height="91dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:text="D"
        app:backgroundTint="#FF9800"

        />


</RelativeLayout>

algo que me llama la atencion es que cuando usamos el Start Android studio me dice que tambien hay que agregar Left y cuando uso End tengo que agregar Right, no sé si alguien sabe el porque

Like si también quieres tener esa playera XD

Me parece fantástico que Android haya introducido el RelativeLayout para agrupar los elementos en la pantalla y evitar conflictos con el padre a la hora de jerarquizar los elementos.

Excelente explicación, le entendi perfectamente.

**Código de la clase: **

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:height="150dp"
    android:width="150dp"
    android:text="A"
    android:textColor="#FFF"
    android:layout_alignParentTop="true"
    android:id="@+id/A"
    />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:height="340dp"
    android:width="200dp"
    android:text="B"
    android:textColor="#FFF"
    android:layout_alignParentEnd="true"
    android:id="@+id/B"
    />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:height="300dp"
    android:width="300dp"
    android:text="C"
    android:textColor="#FFF"
    android:layout_alignParentStart="true"
    android:layout_below="@id/B"
    />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:height="80dp"
    android:text="D"
    android:textColor="#FFF"
    android:layout_alignParentEnd="true"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true"
    />

Ya con el constrainslayout facilita todo jeje… pero excelente explicacion de este layout 😃

Al parecer Android venia todo preparado para los desarrolladores 😄

que pasa si en algún caso la pantalla fuera muy pequeña? Se encimarian todos los elementos ?