Taller de Desarrollo Móvil en Android

Práctica 2: Interfaz de Usuario e Intents Explícitos

Objetivo: Diseñar una interfaz funcional de acceso, capturar datos de usuario y transferirlos a una nueva Activity mediante el uso de objetos Intent.

Nota: Esta práctica es incremental. Continuaremos trabajando sobre el proyecto Laboratorio1_CicloVida.

1. Rediseño de la Interfaz Principal (XML)

<EditText
    android:id="@+id/etNombre"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:hint="Ingresa tu nombre de usuario"
    android:inputType="textPersonName"
    android:layout_margin="32dp"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent" />

<Button
    android:id="@+id/btnEnviar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Ingresar al Sistema"
    android:backgroundTint="#002b5c"
    android:layout_marginTop="24dp"
    app:layout_constraintTop_toBottomOf="@id/etNombre"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent" />

2. Creación de la Segunda Actividad (HomeActivity)

1. En el panel Android, busca la carpeta: app.
2. Clic derecho sobre la carpeta del paquete (dentro de java) > New > Activity > Empty Views Activity.
3. Activity Name: HomeActivity
4. Clic en Finish.

<TextView
    android:id="@+id/tvMensaje"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Bienvenido Usuario"
    android:textSize="24sp"
    android:textStyle="bold"
    android:textColor="#002b5c"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

3. Lógica de Comunicación (Kotlin)

botonEnviar.setOnClickListener {
    val nombreUsuario = campoNombre.text.toString()
    val pasarPantalla = Intent(this, HomeActivity::class.java)
    pasarPantalla.putExtra("DATO_NOMBRE", nombreUsuario)
    startActivity(pasarPantalla)
}

val nombreRecibido = intent.getStringExtra("DATO_NOMBRE")
val txtMensaje = findViewById<TextView>(R.id.tvMensaje)
txtMensaje.text = "Bienvenido: $nombreRecibido"