cabecera duhnnae.com

LinearLayout y RelativeLayout en android. Tutorial layouts.

Tutorial para aprender a utilizar linearlayout y relativelayout en android.
Veremos tambiÃ©n las diferentes formas de situar views dentro de un layout.

En este tutorial de programaciÃ³n en android veremos:
- CÃ³mo utilizar relativelayout.
- CÃ³mo utilizar linearlayout.
- Centrar textview.
- Centerinparent / aligparenttop / aligparentbottom.
- Above / toleftof / torightof / below en relativelayout.
- Crear un separador.

PodÃ©is encontrar el cÃ³digo utilizado en el vÃdeo, mÃ¡s abajo en esta pÃ¡gina.

layout principal- activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="tutoriales.duhnnae.com.tutoriales.MainActivity">

<LinearLayout
        android:visibility="gone"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <ImageView
                android:scaleType="fitCenter"
                android:layout_width="155sp"
                android:layout_height="85sp"
                android:src="@drawable/hand2"/>

<TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:padding="15sp"
                android:layout_gravity="center"
                android:visibility="visible"
                android:background="@android:color/black"
                android:textColor="@android:color/white"
                android:text="Hola, soy un textview"/>
        </LinearLayout>

<ImageView
            android:layout_gravity="center"
            android:layout_width="85sp"
            android:layout_height="85sp"
            android:src="@drawable/hand"/>

</LinearLayout>

<TextView
        android:id="@+id/tv"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="15sp"
        android:background="@android:color/black"
        android:textColor="@android:color/white"
        android:text="Hola, soy un textview"
        android:visibility="gone"
        />

<ImageView
        android:visibility="gone"
        android:layout_above="@+id/tv"
        android:layout_marginRight="10sp"
        android:layout_centerHorizontal="true"
        android:layout_width="85sp"
        android:layout_height="85sp"
        android:src="@drawable/hand"/>

<TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:textSize="26sp"
        android:text="Texto superpuesto"/>

<View
        android:id="@+id/separator"
        android:layout_margin="10sp"
        android:layout_width="match_parent"
        android:layout_height="1sp"
        android:layout_centerInParent="true"
        android:background="@android:color/black" />

<ImageView
        android:layout_above="@+id/separator"
        android:layout_centerHorizontal="true"
        android:layout_width="85sp"
        android:layout_height="85sp"
        android:src="@drawable/hand"/>

<include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        layout="@layout/botones" />

</RelativeLayout>

Layout botones - fragment_main.xml

ProgramaciÃ³n

Mysql

Terminal ubuntu