Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Como crear un Table Layout en Android

Android Table Layout Example


Hola amigos en esta ocasión les traemos el tutorial para crear una tabla de datos en nuestro Android para que podamos usarlo en nuestras aplicaciones y mostrar de una mejor manera nuestra información.
Como crear un Table Layout en Android

Como crear un Proyecto en Android (Aquí)

Vamos a crear un proyecto para nuestro Table Layout y desarrollarlo paso a paso.
Como crear un Proyecto en Android

Diseño Table Layout en Android


Crearemos el diseño para nuestro ejemplo aprenderemos un poco el uso del Table Layout en nuestra aplicación de la siguiente manera. Abriremos el archivo activity_main.xml y añadiremos los siguientes controles.

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <!-- 2 columnas boton y edittext -->
    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dip" >

        <TextView
            android:id="@+id/textView1"
            android:text="Columna 1"
            android:textAppearance="?android:attr/textAppearanceLarge" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Boton Columna 1"
            android:id="@+id/button"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true" />
    </TableRow>

    <!-- edittext en dos columnas-->
    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dip" >

        <EditText
            android:id="@+id/editText1"
            android:layout_span="2"
            android:text="Columna 1 y 2" />
    </TableRow>

    <!-- just draw a red line -->
    <View
        android:layout_height="2dip"
        android:background="#FF0000" />

    <!-- Tabla controles en 3 columnas -->
    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dip" >

        <TextView
            android:id="@+id/textView2"
            android:text="Columna 1"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/button2"
            android:text="Columna 2" />

        <Button
            android:id="@+id/button3"
            android:text="Columna 3" />
    </TableRow>

    <!-- Boton en la tercera columna de la tabla-->
    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dip" >

        <Button
            android:id="@+id/button4"
            android:layout_column="2"
            android:text="Columna 3" />
    </TableRow>

    <!-- Boton en el centro de la tabla -->
    <TableRow
        android:id="@+id/tableRow5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dip" >

        <Button
            android:id="@+id/button5"
            android:layout_column="1"
            android:text="Columna 2" />
    </TableRow>
</TableLayout>
Con esto tendriamos nuestro Table Layout
Diseño de nuestro Table Layout en Android Studio

Como crear un Emulador AVD en Android (Aquí)


Vamos a crear un emulador AVD para ejecutar nuestra aplicación y ver el resultado de nuestro ejemplo.
Y listo. Espero el contenido haya sido de su agrado.

Curso Kotlin Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner