Primary/Detail Flow

15 de octubre de 2021

Hola bienvenidos, esta vez vamos a desarrollar Primary/Detail Flow en Android Studio con el lenguaje de programación Kotlin. Este proyecto busca adaptar el detalle de un videojuego de la forma responsiva junto al RecyclerView, cuando se visualiza en diferentes dispositivos.

Descargar

Tecnologías

Android Studio

Es el entorno oficial para el desarrollo de aplicaciones Android, basado en el software IntelliJ IDEA de JetBrains.

Kotlin

Es un lenguaje de programación pragmatico que corre sobre la máquina virtual de Java y Android. También, puede ser compilado a código fuente de Javascript.

Primary/Detail Flow

Concepto de diseño, que consiste en mostrar el detalle de un elemento de una lista según el tamaño de la pantalla. Entre más grande sea la pantalla el detalle de la lista se muestra en la misma pantalla a través de un Fragmento.

Diseño de la aplicación

Implementación

RecyclerView

Veamos la implementación de RecyclerView en esta aplicación. Click para mas información sobre el tema

MainActivity.kt

				setupRecyclerView(recyclerView, onClickListener)

Detalle responsivo del RecyclerView

MainActivity.kt

				val detailFrameLayout: FrameLayout? = findViewById(R.id.detailFrameLayout)
				val recyclerView: RecyclerView = findViewById(R.id.recyclerView)
				
				val onClickListener = View.OnClickListener { itemView ‐>
				    val id = itemView.tag
				    if (detailFrameLayout != null) {
				        val fragment = DetailFragment().apply {
				            arguments = Bundle().apply {
				                putInt("id", id.toString().toInt())
				            }
				        }
				        supportFragmentManager.beginTransaction().replace(R.id.detailFrameLayout, fragment).commit()
				    } else {
				        val intent = Intent(this, DetailActivity::class.java).apply {
				            putExtra("id", id.toString().toInt())
				        }
				        this.startActivity(intent)
				    }
				}

Parámetros

detailFrameLayout: Contine el Fragmento del Detalle cuando el tamaño de la pantalla se agrande.
DetailFragment: Un Fragment que contiene el detalle de un elemento en la misma actividad.
DetailActivity: Un Activity que contiene el detalle de un elemento.
itemView.tag: Continente el id establecido al hacer clic en el ViewHolder.

Yu Developer

Desarrollador de paginas web, aplicaciones Android y proyectos de Internet de las cosas.