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 GridView en Android utilizando Kotlin

Android GridView Kotlin Example


Hola amigos en esta ocasión les traigo este ejemplo de como crear un GridView utilizando programación Kotlin. Continua paso a paso este ejemplo.

Crear Proyecto Kotlin GridView Tutorial (Aquí)

Vamos a crear un proyecto con soporte a Kotlin para desarrollar nuestro ejemplo de un GridView utilizando Kotlin.
Android Studio - GridView Kotlin

Design GridView Kotlin TuTorial

Ahora crearemos el diseño de nuestro GridView de la siguiente forma para ver nuestro ejemplo.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    >
    <GridView
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:background="#a8b7ae"
        android:verticalSpacing="5dp"
        android:horizontalSpacing="5dp"
        />
    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Medium"
        android:textColor="#3e62c7"
        android:layout_marginTop="20dp"
        android:padding="15dp"
        android:background="#ecf8ff"
        />
</LinearLayout>

Y quedaría de la siguiente forma.
Android Studio - GridView Kotlin

Código MainActivity GridView Kotlin Tutorial



Ahora vamos a escribir el siguiente código en nuestra clase principal que es el MainActivity.

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.ArrayAdapter
import kotlinx.android.synthetic.main.activity_main.*
import android.widget.AdapterView

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Initialize a list of string values
val colors = listOf<String>("Rojo","Verde","Amarillo","Azul","Magenta","Rosado","Blanco","Gris")
// Initialize a new array adapter instance
val adapter = ArrayAdapter(
this, // Context
android.R.layout.simple_list_item_1, // Layout
colors // List
)

        // Set the grid view adapter/data source
grid_view.adapter = adapter
// Set an item click listener for grid view items
grid_view.onItemClickListener = object : AdapterView.OnItemClickListener {
override fun onItemClick(parent: AdapterView<*>, view: View, position: Int, id: Long) {
// Get the GridView selected/clicked item text

                val selectedItem = parent.getItemAtPosition(position).toString()
// Display the selected/clicked item text and position on TextView
text_view.text = "GridView recibio clic en : $selectedItem \n y la posicion : $position"
}
}
}
}

Y para terminar

Crear Emulador AVD (Aquí)



Vamos a crear nuestro emulador para ejecutar nuestra aplicación. Y ver el resultado de nuestro GridView Utilizando Kotlin.
Android Studio - GridView Kotlin

Curso Kotlin Español

1 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