Entonces, una vez que you hemos agregado nuestros dos fragments, you hemos agregado nuestro elemento ViewPager, pues ahora vamos a añadir en nuestro primer fragment toda la funcionalidad de nuestro RecyclerView. Recuerdas que nuestro RecyclerView lo pasamos a nuestro fragment_recyclerview, que es el primer fragment que estamos mostrando y que en este momento se está mostrando vacÃo. Entonces, vamos a rellenar esto y lo que tenÃamos en nuestro Main Activity, recuerdas por aquà que tenÃamos toda esta funcionalidad del llenado del RecyclerView. Entonces, ahora, esta funcionalidad lo que haré será llevármela a mi fragment. Entonces voy a cortarla, voy a llevármela de aquÃ. Vamos a cortarla. Okey. Y vamos, iremos al que, al archivo que controla este layout. Fragment_recyclerview, aquà está, RecylerViewFragment y en nuestro método, onCreateView, aquà en nuestro método onCreateView, vamos a declarar, vamos a poner aquà todo lo que tiene que ver con nuestro RecyclerView. Okey, entonces lo vamos a poner ahà y entonces también vamos a llevarnos por acá esto que tenemos acá. Okey, tanto el ArrayList de contactos como la declaración del view, del RecyclerView, ¿okey? Entonces sÃ, importamos todo esto. Muy bien. Y entonces aquà tenemos que hacer algunos ajustes. Este FindViewById, en este momento you no me va a funcionar por sà mismo, entonces voy a utilizar el view. Recuerda que este view ahora, este view es este layout, entonces donde realmente estamos buscando el RecyclerView es en, precisamente, en este view, fragment_recyclerview. Ahà sà lo vamos a encontrar. Luego tenemos esto, simplemente tenemos que importarlo con un alt enter. Aquà debemos colocar, debemos colocar el contexto. [AUDIO EN BLANCO] Y en el contexto vamos a colocar getActivity. ¿Okey? GetActivity. Luego tenemos nuestros dos métodos, estos dos métodos los tenÃamos en nuestro archivo Main Activity, nos los llevaremos, los quitaremos de aquà y los pondremos en nuestro RecyclerViewFragment, ahÃ. Listo, aquà están you nuestros dos métodos en el ContactoAdaptador, aquà me está diciendo aquà también, vamos a ponerle getActivity. Listo. [AUDIO EN BLANCO] Listo. Vamos a correr esto. Vamos a ver cómo funciona, cómo se ve. La idea es que ahora, pues you debemos ver en nuestra primera página nuestro RecyclerView. Okey, entonces lo único que hicimos fue pasar toda la funcionalidad que you tenÃamos de Main Activity, donde tenÃamos ahà nuestro RecyclerView lo pasamos a nuestro fragment. Y como observas, pues you tenemos aquà nuestro fragment, hacemos un slide y tenemos nuestro segundo fragment, que en este fragment vamos a estar trabajando un perfil de usuario, vamos a estar trabajando en lo que tú quieras, okey, que eso es parte de la tarea que te va a tocar a ti hacer. Entonces aquà está, como observas, aquà está el efecto que hemos producido. Ajá, tenemos nuestros dos tabs. Vamos a colocarles un pequeño Ãcono a nuestros tabs. Y para ello, entonces vamos a, vamos a traer, iremos al sitio iconarchive, Icon8, Android icons. Y ahà vamos a buscar, pues primeramente, una estrella, ¿okey? Una estrella donde vamos a estar mostrando pues todos nuestros contactos. Vamos a buscar uno de person. Okey, person donde, pues realmente lo que tenemos ahà es una lista de contactos. Okey, person, ¿cuál nos gustarÃa? Vamos a traer este, por ejemplo, este person. Okey, vamos a seleccionar uno blanco y lo vamos a descargar. Listo. Lo descargamos, dice In Love. Okey. Vamos a mostrarlo en el Finder. [AUDIO EN BLANCO] Okey, entonces aquà lo tengo, In Love. [AUDIO EN BLANCO] Vamos a editarlo un poco y vamos a traerlo a nuestro proyecto, ¿okey? Entonces, vamos a utilizar por aquà la opción New, Image Asset y vamos a seleccionar, lo vamos a buscar. Aquà lo tengo, love. Aquà está nuestro amiguito, vamos a decirle Action Bar and Tab Icons, para que nos cree un Ãcono, el Ãcono adecuado. Y viene el nombre del Ãcono, vamos a decirle contacts, contacts. Perfecto. Vamos a darle Next y por aquà you nos va a hacer la, nos lo va a importar. Okey, vamos a dar Finish. Perfecto. Aquà sale, dice ahà contacts. Perfecto. Entonces, la forma donde vamos a estar colocando esto, vamos a ir a nuestro Main Activity, you tenemos el primer iconito. Y precisamente en el método SetUpViewPager, ahà vamos a colocar en el tabLayout.getTabAt y puedo decirle que en el primer tab, en el tab que tenga el Ãndice 0, le coloque el Ãcono R.drawable.ic_contacts, y entonces vamos a seleccionar otro Ãcono para que sea nuestro perfil, ¿okey? Que sea nuestra imagen de perfil. Entonces que nos muestre, bueno, podrÃamos utilizar este, por ejemplo. Este, you está aquÃ. Okey. Y aquà está you nuestra imagen, es este. Vamos a cambiarle nada más el nombre, circled user, circled_user. Lo traemos como lo hicimos con el anterior y seleccionamos aquà la imagen. Le decimos que sea una imagen que va a ser para tabs, para tabs y le damos a Finish. Perfecto, you nos lo ha traÃdo y entonces en el siguiente TabLayout.getTabAt, vamos a poner 1.setIcon, R.drawable. Creo que lo sobre-escribimos. Se llama action name, okey. Action_name. Okey, vamos a ver cómo se ve. SÃ, es el de action_name. Bueno, podemos colocarle el nombre que querramos. Bien, vamos a correrlo y lo que ahora debemos ver es pues, debemos ver nuestras imágenes en cada tab. ¿Okey? Vamos a esperar a que corra el proyecto, you está a punto de correr. Vamos a, y listo. Entonces, en un tab tenemos nuestra carita con ojos de corazón, y en el segundo tab tenemos el otro fragment. Okey, puedes variar los Ãconos. A lo mejor podrÃamos hacer que no fueran tan parecidos para que no, para evitar confusiones, pero asà es como podemos estar manejando fragments. Entonces, esto funciona perfectamente. Podemos dar like a Pedro, podemos ir al detalle de Pedro, ¿okey? Podemos regresar y bueno, you tenemos, asà es como manejamos los fragments en nuestros proyectos y asà es como podemos integrarlos también en un ViewPager.
