Intro Slider

16 de mayo de 2021

En este blog vamos a desarrollar un Intro Slider (pantalla de presentación deslizante de un Aplicación) en Android Studio. Tiene como objetivo mostrar las características claves de una aplicación a los usuarios.

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.

SectionsPagerAdapter (FragmentPagerAdapter)

Se encarga de administrar los fragmentos.

getItem

Devuelve un fragmento según la posición de la página en el interfaz.

				override fun getItem(position: Int): Fragment {
				    return when (position) {
				        0 ‐> OrderFragment()
				        1 ‐> DiscountFragment()
				        2 ‐> DeliveryFragment()
				        else ‐> throw IllegalStateException("Unexpected position $position")
				    }
				}

getCount

La siguiente función se encarga de devolver la cantidad de fragmentos.

				override fun getCount(): Int {
				    return 3
				}

ViewPager

Administrador de diseño que permite al usuario deslizamiento entre las diferentes pantallas. Por lo general se usa Fragments como páginas deslizantes.

				val sectionsPagerAdapter = SectionsPagerAdapter(supportFragmentManager)
				val viewPager: ViewPager = findViewById(R.id.view_pager)
				viewPager.adapter = sectionsPagerAdapter

Indicador del control deslizante

Son los puntos que aparece en la parte inferior del interfaz.

Sintaxis

				for (i in 0 until sectionsPagerAdapter.count) {
				    val points = TextView(this)
				    points.text = "."
				    points.setTextColor(Color.parseColor("#FFE4E4E4"))
				    points.textSize = 64F
				 
				    viewPager.addOnLayoutChangeListener { _, _, _, _, _, _, _, _, _ ->
				        if (i == viewPager.currentItem) {
				            points.setTextColor(Color.parseColor("#FF959595"))
				        }else {
				            points.setTextColor(Color.parseColor("#FFE4E4E4"))
				        }
				    }
				 
				    buttons.addView(points)
				}

Parámetros

sectionsPagerAdapter.count: La cantidad de fragmentos.
viewPager.currentItem: La página seleccionada del control deslizante.
viewPager.addOnLayoutChangeListener: Se llama cuando se realiza deslizamiento de las páginas.

Yu Developer

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