Crear Views dinámicamente

Hasta ahora hemos visto la manera de crear elementos de diseño de manera estática a la vez que diseñamos el aspecto visual, organizados como recursos en los archivos de diseño XML, pero en muchas aplicaciones nos interesa crear elementos visuales programáticamente, esto es, desde el código fuente en función de la dinámica de la propia aplicación.

En general los pasos a seguir son:

1. Crear el contenedor, por ejemplo un LinearLayout, en el archivo xml de diseño.
2. Crear el elemento visual (view) que nos interesa desde el archivo de la actividad.
3. Agregarle propiedades, por ejemplo, un texto, un tamaño de texto, color, márgenes...
4. Agregar un método, usualmente un evento al hacer clic sobre el elemento.
5. Añadirlo al contenedor.

De momento dejo un par de ejemplos para crear dos tipos de views (TextView y CheckBox), pero próximamente actualizaré esta entrada con más ejemplos:

// creando TextView
val textLista = TextView(this)
textLista.textSize = 20f
textLista.text = ...
textLista.setOnClickListener { ... }
// añade el TextView al LinearLayout
layoutListas.addView(textLista)


// creando CheckBox
val textItem = CheckBox(this)
textItem.text = ...
textItem.textSize = 24F
textItem.isChecked = false
layoutItems.addView(textItem)