TabLayout Kotlin

Tecnologías

Implementacion

Vistas deslizantes

La implementación de las vistas deslizantes se administra a través del widget ViewPager2.

				val collectionAdapter = CollectionAdapter(this)
				val viewPager: ViewPager2 = findViewById(R.id.viewPager2)
				viewPager.adapter = collectionAdapter
			

• CollectionAdapter: Se encarga de administrar el conjunto de páginas, conformado por fragmentos.

			class CollectionAdapter(fm: FragmentActivity) :
			    FragmentStateAdapter(fm) {
			 
			    override fun getItemCount(): Int {
			        return 3
			    }
			 
			    override fun createFragment(position: Int): Fragment {
			        return when (position) {
			            0 ‐> NeptuneFragment()
			            1 ‐> SaturnFragment()
			            2 ‐> MarsFragment()
			            else ‐> throw IllegalStateException("Unexpected position $position")
			        }
			    }
			}
		

• FragmentActivity: Contiene el soporte para Fragments, dándonos la posibilidad de realizar transiciones entre fragmentos.
• FragmentStateAdapter: Se encarga de administrar cada página (Fragments) en un ciclo de vida dentro de un RecyclerView.
• getItemCount: El valor de la cantidad de Fragments especificadpos para su uso.
• createFragment: Devuelve un nuevo Fragment asociado con la posición específica.

TabLayout

Se puede navegar entre vistas con TabLayout y un ViewPager2 en un interfaz familiar, veamos la codificación en la Actividad principal.

				val tabs: TabLayout = findViewById(R.id.tabLayout)
				 
				TabLayoutMediator(tabs, viewPager) { tab, position ‐>
				    tab.text = resources.getStringArray(R.array.planets)[position]
				}.attach()
			

• TabLayoutMediator: Vincula el TabLayout al ViewPager2.
• resources: Todos los archivos de la carpeta res.
• position: Posicion actual de la pestaña seleccionada.