domingo, 28 de junio de 2015

Margin y Padding en Android

Cuando colocamos TextView en android podemos manejar los espacios entre como colaremos los elementos para ello usamos layout_margin y podemos colocarle la medida ya sea para la parte derecha o izquierda, arriba o abajo de nuestro textview a continuacion un ejemplo.

1.- Abrimos el main.xml

2.- Crearemos un TextView y usaremos layout_marginTop y layout_marginLeft y le colocaremos una medida.


3.- A continuacion el codigo y el resultado.




4.- Ahora si colocamos un background podemos ver que no se coloca de una forma adecuada.





5.- Para solucionar esto es mejor usar padding como se muestra a continuacion.





RelativeLayout - layout_alignParent en android


Cuando utilizamos RelativeLayout es necesario colocar los elementos por medio de posicionamientos asi que para este ejemplo usaremos layout_alignParent y utilizaremos el android:id para colocar la posicion de un elemento ya sea arriba o abajo de el mediante uso de su id a continuacion el ejemplo.

1.- Abrimos el main.xml

2.- Crearemos 7 TextView y los colocaremos en las siguientes posiciones, colocaremos 3 texviews
en la parte superior, 2 es la parte inferior izquierda y 2 mas en la parte inferior derecha

3.- A continuacion el codigo y el resultado

Main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <TextView
            android:id="@+id/Pacman"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:textSize="35sp"
            android:text="Pacman" />

    <TextView
            android:id="@+id/Depredador1220"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@id/Pacman"
            android:textSize="35sp"
            android:text="Depredador1220" />


    <TextView
            android:id="@+id/Bomberman"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:textSize="35sp"
            android:text="Bomberman" />

    <TextView
            android:id="@+id/MarioBros"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_above="@id/Bomberman"
            android:textSize="35sp"
            android:text="MarioBros" />



    <TextView
            android:id="@+id/Sonic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:textSize="35sp"
            android:text="Sonic" />

    <TextView
            android:id="@+id/DuckHunt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@id/Sonic"
            android:textSize="35sp"
            android:text="DuckHunt" />

    <TextView
            android:id="@+id/Megaman"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@id/Sonic"
            android:textSize="35sp"
            android:text="Megaman" />

</RelativeLayout> 
 
 

martes, 16 de junio de 2015

Relative Layout en Android


Usaremos el RelativeLayout el cual permite posicionar los elementos hijos en función del padre o de otros. A diferencia de LinearLayout que te pone los elementos de manera alineada ya sea horizontal o vertical.

1.- Abrimos el main.xml

2.- Colocaremos 3 TextViews con un texto opcional, usaremos la alineacion por emparentamiento o padre usando
    layout_alignParent y la posicion ya sea izquierda, derecha, arriba o abajo, entonces quedaria mas o menos asi --> android:layout_alignParentTop="true".

3.- A continuacion el codigo y el resultado de el espacio entre cada textview en nuestra ventana.

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
        >

    <TextView
            android:text="Depredador1220"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:textSize="45dp"
            />

    <TextView
            android:text="Mario Bros"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:textSize="45dp"
            />

    <TextView
            android:text="Goku"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="45dp"
            />

</RelativeLayout>