Como crear un TextView en Android utilizando Kotlin

Android Kotlin TextView Tutorial

Hola amigo en esta ocasión vamos a utilizar el Widget TextView usando programación Kotlin. Una mejora en el rendimiento del código para reducir su sintaxis.
En nuestro ejemplo haremos varias pruebas utilizando este control para tener una vista mas amplia del uso de este utilizando el lenguaje programación Kotlin.

Crear Proyecto Android Kotlin

Vamos a crear nuestro proyecto. Para desarrollar este ejercicio utilizando Kotlin. (Aquí)

Kotlin TextView Design

El ejemplo quedara de esta forma para nuestra aplicación utilizando Kotlin para programar nuestro TextView.

El código del diseño es el siguiente.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">

 <TextView
 android:id="@+id/textView4"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Hello World!"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintLeft_toLeftOf="parent"
 app:layout_constraintRight_toRightOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintVertical_bias="0.15" />

 <TextView
 android:id="@+id/textView2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginBottom="8dp"
 android:layout_marginEnd="8dp"
 android:layout_marginStart="8dp"
 android:layout_marginTop="8dp"
 android:text="TextView"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintVertical_bias="0.422" />

 <TextView
 android:id="@+id/textView3"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginBottom="8dp"
 android:layout_marginEnd="8dp"
 android:layout_marginStart="8dp"
 android:layout_marginTop="8dp"
 android:text="TextView"
 app:layout_constraintBottom_toBottomOf="parent"
 app:layout_constraintEnd_toEndOf="parent"
 app:layout_constraintStart_toStartOf="parent"
 app:layout_constraintTop_toTopOf="parent"
 app:layout_constraintVertical_bias="0.665" />

</android.support.constraint.ConstraintLayout>

Estos TextView utilizarmos para entender un poco mas de Kotlin. Ahora continuamos con la programación de nuestra aplicación.

Código Kotlin TextView

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.widget.LinearLayout
import android.widget.TextView
import android.widget.Toast
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Agregamos el mensaje al TextView4 Kotlin
textView4.text = "Hola Universo Android"
// Asignamos las propiedades del Linear Layout a la variable
val ll_main = findViewById(R.id.Ll_layout) as LinearLayout

// Creamos el TextView Dinamico
val tv_Dinamico = TextView(this)
tv_Dinamico.textSize = 20f
tv_Dinamico.text = "Hola mundo dinamico!"
// Agregar TextView a Linear Layout
ll_main.addView(tv_Dinamico)

// Agregamos la referencia del TextView
val tv_click_me = findViewById(R.id.textView2) as TextView
// Agrega on-click listener
tv_click_me.setOnClickListener {
// Mostrara un mensaje Toast al presionar el TextView Kotlin
Toast.makeText(this@MainActivity, "Hizo clic en TextView 'Hacer clic en mí'.", Toast.LENGTH_SHORT).show()
}
}
}

• Con esto podemos ver creado varios ejemplos. Agregamos una etiqueta al TextView4 utilizando la propiedad Text si pueden observar no se utiliza el FindViewId para encontrar la referencia del TextView y de esta forma agregar la etiqueta. 

• Luego agregamos un control dinamico utlizando siempre Kotlin como programación y como verán luego se añade al Linear Layout nos simplifica en gran manera el código.
• Y por ultimo añadimos un evento al TextView utilizando Kotlin para presionar el TextView y que nos muestre un mensaje Toast.

Crear Emulador AVD

Por ultimo crearemos nuestro emulador para ver en ejecución nuestra aplicación. (Aquí)

Gracias! Compártelo para promover el conocimiento!

Curso Kotlin Español