Tutorial Kotlin Android: Desarrollo Android paso a paso para crear apps con Kotlin

El desarrollo de aplicaciones móviles nativas para Android ha evolucionado significativamente en los últimos años, y Kotlin se ha posicionado como el lenguaje oficial y preferido para este propósito. En este tutorial, dirigido a desarrolladores principiantes e intermedios, aprenderás a crear aplicaciones Android usando Kotlin desde cero, desde la instalación de Android Studio hasta la navegación básica entre pantallas.

Instalación de Android Studio

Android Studio es el entorno de desarrollo integrado (IDE) oficial para crear aplicaciones Android, y viene con todas las herramientas necesarias para programar en Kotlin.

Paso 1: Descargar Android Studio

Ve a la página oficial: https://developer.android.com/studio
Descarga el instalador compatible con tu sistema operativo (Windows, macOS, Linux).

Paso 2: Instalación

Sigue los pasos del instalador:

Acepta los términos de uso.
Elige los componentes que deseas instalar (incluye Android SDK, Emulator).
El instalador descargará y configurará automáticamente las herramientas.

Paso 3: Configuración inicial

Al abrir Android Studio por primera vez, selecciona:

Standard para la configuración recomendada.
Tema claro u oscuro según preferencia.

Una vez completada esta etapa, estarás listo para crear tu primer proyecto.

Creación y configuración del proyecto

Paso 1: Crear un nuevo proyecto

Abre Android Studio y haz clic en New Project.
Elige Empty Activity (actividad vacía) para un inicio sencillo.
Configura los siguientes campos:
- Name: MiPrimeraApp
- Package name: com.ejemplo.miprimeraapp
- Save location: una carpeta en tu computadora.
- Language: Kotlin
- Minimum SDK: API 21 (Android 5.0 Lollipop) o superior
Haz clic en Finish.

Android Studio generará la estructura básica del proyecto.

Estructura importante del proyecto

app/src/main/java/...: Código Kotlin.
app/src/main/res/layout: Archivos XML para diseño.
AndroidManifest.xml: Configuración general de la app.

Diseño de interfaces con XML

Android utiliza XML para definir la interfaz gráfica de usuario (GUI).

Paso 1: Abrir archivo de layout

En el proyecto, abre:

app/src/main/res/layout/activity_main.xml

1 2	app/src/main/res/layout/activity_main.xml

Android Studio muestra dos vistas:

Design: visual, arrastrar y soltar.
Code: edición directa XML.

Paso 2: Crear una interfaz sencilla

Por ejemplo, un TextView y un Button:

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

    <TextView
        android:id="@+id/tvMensaje"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="¡Hola, bienvenido!"
        android:textSize="24sp"
        android:layout_gravity="center_horizontal"
        android:marginBottom="24dp" />

    <Button
        android:id="@+id/btnSaludar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Saludar" />

</LinearLayout>

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:padding="16dp">

<TextView

android:id="@+id/tvMensaje"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="¡Hola, bienvenido!"

android:textSize="24sp"

android:layout_gravity="center_horizontal"

android:marginBottom="24dp" />

<Button

android:id="@+id/btnSaludar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Saludar" />

</LinearLayout>

Explicación

LinearLayout: Contenedor vertical para apilar elementos.
TextView: Etiqueta para mostrar texto.
Button: Botón interactivo.

Programación en Kotlin

Paso 1: Abrir el archivo MainActivity.kt

Ruta:

app/src/main/java/com/ejemplo/miprimeraapp/MainActivity.kt

1 2	app/src/main/java/com/ejemplo/miprimeraapp/MainActivity.kt

Este archivo contiene la lógica del primer activity (pantalla).

Paso 2: Asociar elementos de la interfaz en Kotlin

Usaremos la vinculación de vistas (View Binding) para acceder a los elementos de XML de forma segura.

Primero, habilita View Binding en el archivo build.gradle (app). Añade dentro de android:

android {
    ...
    buildFeatures {
        viewBinding true
    }
}

android {

...

buildFeatures {

viewBinding true

}

Luego sincroniza el proyecto con Gradle.

Paso 3: Código Kotlin para manejar el botón

package com.ejemplo.miprimeraapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import com.ejemplo.miprimeraapp.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // Configurar el evento click para el botón
        binding.btnSaludar.setOnClickListener {
            // Cambiar texto del TextView
            binding.tvMensaje.text = "¡Has presionado el botón!"

            // Mostrar un mensaje Toast
            Toast.makeText(this, "Hola desde Kotlin", Toast.LENGTH_SHORT).show()
        }
    }
}

package com.ejemplo.miprimeraapp

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import android.widget.Toast

import com.ejemplo.miprimeraapp.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

private lateinit var binding: ActivityMainBinding

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

binding = ActivityMainBinding.inflate(layoutInflater)

setContentView(binding.root)

// Configurar el evento click para el botón

binding.btnSaludar.setOnClickListener {

// Cambiar texto del TextView

binding.tvMensaje.text = "¡Has presionado el botón!"

// Mostrar un mensaje Toast

Toast.makeText(this, "Hola desde Kotlin", Toast.LENGTH_SHORT).show()

}

Explicación del código

binding: objeto que enlaza elementos del XML.
setOnClickListener: escucha el click del botón.
Cambiamos el texto del TextView y mostramos un Toast.

Manejo de eventos

El manejo de eventos se refiere a la captura y respuesta a acciones del usuario, como pulsar botones o ingresar texto.

Evento click resumido

Ya vimos un ejemplo:

binding.btnSaludar.setOnClickListener {
    // Acción a ejecutar
}

binding.btnSaludar.setOnClickListener {

// Acción a ejecutar

}

Otros eventos comunes

Eventos de texto (EditText): detectar cambios.
Eventos táctiles: gestos y movimientos.

Ejemplo: detectar cuando cambia el texto (simplificado):

binding.editText.addTextChangedListener(object : TextWatcher {
    override fun afterTextChanged(s: Editable) {}
    override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {}
    override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {
        // Aquí va lo que quieres hacer
    }
})

binding.editText.addTextChangedListener(object : TextWatcher {

override fun afterTextChanged(s: Editable) {}

override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {}

override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {

// Aquí va lo que quieres hacer

}

})

Navegación entre pantallas

Para crear apps reales, se necesita navegar entre diferentes actividades o pantallas.

Paso 1: Crear una segunda Activity

En Android Studio, clic derecho en el paquete com.ejemplo.miprimeraapp > New > Activity > Empty Activity.
Ponle el nombre: SegundaActivity.
Da clic en Finish.

Esto genera 2 archivos:

SegundaActivity.kt
activity_segunda.xml

Paso 2: Diseño sencillo para la segunda pantalla

Abre activity_segunda.xml y agrega un mensaje:

<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="Esta es la segunda pantalla"
    android:textSize="24sp"
    android:gravity="center" />

<TextView

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:text="Esta es la segunda pantalla"

android:textSize="24sp"

android:gravity="center" />

Paso 3: Agregar código para navegación

En MainActivity.kt, añade esto dentro del onCreate para que el botón navegue a la segunda activity:

binding.btnSaludar.setOnClickListener {
    val intent = Intent(this, SegundaActivity::class.java)
    startActivity(intent)
}

binding.btnSaludar.setOnClickListener {

val intent = Intent(this, SegundaActivity::class.java)

startActivity(intent)

}

Recuerda importar:

import android.content.Intent

1 2	import android.content.Intent

Explicación

Intent: objeto que permite abrir otras pantallas.
startActivity(intent): inicia la pantalla indicada.

Conclusión y buenas prácticas

En este tutorial Kotlin Android hemos aprendido a:

Instalar y configurar Android Studio para Kotlin.
Crear un proyecto básico con una interfaz XML.
Programar usando Kotlin y View Binding para manipular elementos UI.
Manejar eventos, como clicks en botones.
Navegar entre pantallas usando Intents.

Buenas prácticas para desarrollo Android con Kotlin

Usa View Binding o Jetpack Compose para evitar errores en interfaces.
Organiza bien el código usando paquetes y patrones como MVVM.
Maneja estados y ciclo de vida de las Activities para evitar errores.
Usa Gradle para dependencias y versiones.
Prueba tu app en emuladores y dispositivos reales.

¡Ahora estás listo para seguir creando aplicaciones Android cada vez más completas!

Si te ha gustado este tutorial y quieres profundizar más en programación móvil Kotlin, te invitamos a suscribirte a nuestro blog y explorar otros tutoriales avanzados donde aprenderás sobre bases de datos, consumo de APIs REST y diseño responsivo con Jetpack Compose. ¡Empieza hoy tu camino en el desarrollo Android paso a paso!