Android Studio - Bottom Navigation View (barra de navegación) | Diseño Material 2020
Вставка
- Опубліковано 8 жов 2024
- Codelia presenta el tutorial completo de cómo implementar e integrar una Bottom Navigation View paso a paso y cómo diseñarla de acuerdo a las guías de material de Google.
En este tutorial podrás diseñar tu propia Bottom Navigation View lista para que implementes tus fragmentos y puedas tener una navegación sencilla en tu aplicación.
Siguenos en Patreon para tener asesorías privadas: / codeliayt
Deja tus comentarios y danos un like, donde seguiremos publicando videos de tutoriales de aplicaciones móviles para Android y iOS.
Proximamente:
Amazon Web Services (Amplify, AppSync, DynamoDB...)
Arduino con aplicaciones móviles
Dispositivos ESP
Raspberry Pi
La palabra excelente no es suficiente para describir este video... Mil gracias en serio!
Muy buen vídeo, lo pude seguir sin audio y aún así quedo todo claro.
Gracias Hermano Dios te bendiga, en serio que me ayudaste :))
en la nueva versión aparece como deprecated el metodo setOnNavigationItemSelected, cuál seria la alternativa?
solucionaste ?
@@heinnerlara4930 No, decidir mejor crear mi app usando Flutter, mil veces mejor.
Gracias por tu genial aporte, tenia dudas debido a la actualizacion de android de como utilizarlo, como por ejemplo con el recyclerview, me ayudaste con tu otro video
Nos da gusto que te haya servido :) un saludo!
Una consulta si quiero utilizar esa misma barra de navegación en varias de mis secciones que tenga mi APP? como lo reutilizo, o tengo que crear para cada sección una barra de navegación independiente?barra1,barra2.. etc
Gracias por tu gran aporte man, estuvo excelente!!
Muchas gracias anyelo 😁
Excelentes videos son muy buenos
gracias amigo, me ayudaste en mucho te debo mi trabajo.
Tengo una pregunta segui tu tutorial pero me sale un error de resource liking failed, sabes por que ocurre eso? También me sale el navigation en toda la pantalla siguiendo tu video.
Una duda, esos botones de abajo que traen los celulares es posible ocultarlos? Asi como los hace youtube, chrome cuando pones un video fullscreen... tengo una app de videos y pues no se pone fullscreen del todo quedan esos botones ahi
Este canal explica de maravillas y no ha subido mas videos :c
Pronto regresaremos con mas contenido!
Excelente video amigo!!!
setOnNavigationItemSelectedListener cuando uso ese pedazo del codigo me sale error y no se como solucionarlo:c
Hola Jonathan!, cual es tu error? :)
@@codelia_tutorials tengo el mismo error me marca en rojo toda esa parte y marca este error: No se puede resolver el método 'setOnNavigationItemSelectedListener' en 'BottomNavigationMenuView'
lo pudiste resolver?
Hola una consulta, cuando ejecuto el codigo me manda un error que dice esto "error: atributo android:layout_alingnParentTop no encontrado." que tengo que hacer en ese momento? :(
excelente explicacion ¿podrias ayudarme con el mio ? porfa solo no logro ver las opciones del menu cuando entro a un case del switch uso el setContentView ,espero y puedas ayudarme
Excelente video bro, muchas gracias , me sirvio muchisimo :3
Excelente aporte Codelia!!
Habrá algún video sobre como manipular esos fragments??
Claro, despues hablaremos de ese tema! :), Saludos y gracias!
Muchasss gracias me ayudaste muchoooo :'D !!!
De nada Anthony!, saludos amigo
Amigo, no me deja poner el BottomNavigationView. Se me desaparece el diseño en cuanto lo trato de implementar, alguna solución??
Si en cada opcion de la navegation bar hay diferentes fragments como se puede hacer que al pinchar en una opcion de la navegation bar vuelva al fragment principal en vez de quedarse en el ultimo fragment
Como puedo lograr para que al iniciar no me seleccione por defecto el primer item de la barra de navegacion?
Hola! Tengo una consulta, en caso de que quiera cambiar los iconos del navigation bar como tendría que importar los archivos? Porque importe los iconos en la carpeta drawable pero siguen sin salirme :C
Hola Meli, ya pudiste resolverlo y si si, me dirias como?
solucionaste ?
por que cuando cambio la orientación del celular a horizontal se me regresa al fragmento "home"?
si excelente esta bien explicado
Gracias Carlos! saludos!.
como hacer para que te muestre las sigerencias de codigo ??
geniaaaal que gran video!!
Gracias!! Saludos! :D
Buen videoo, solo unas dudas... a mi no me agarró el "getSupportFragmentManager", y el @Override que se genera con el proyecto me tira error.
y en lo de las dependencias, la versión me tira error
implementation 'com.android.support:appcompat-v7:30.0.0'
esa me sale en ROJO
Que tal Diego, la libreria de android support se liga a tu version de SDK de Android, yo en este video utilice la 30, pero cuando tu generas un proyecto nuevo te anexa esa version, vamos a decir que tu tienes el SDK 28, ahi la libreria seria com.android.support:appcompat-v7:28.0.0.
Te recomiendo que no la cambies de la version predeterminada que te da Android Studio, saludos.
@@codelia_tutorials ahora el problema que me queda esta en el main activity en la parte de import
import android.support.v7.app.AppCompatActivity;
esa línea me sale en rojo, y creo que por eso me tira error tambien el AppCompatActivity, No se si tienes alguna solución, de antemano muchas gracias
@@codelia_tutorials ahora el problema que me queda esta en el main activity en la parte de import
import android.support.v7.app.AppCompatActivity;
esa línea me sale en rojo, y creo que por eso me tira error tambien el AppCompatActivity, No se si tienes alguna solución, de antemano muchas gracias
Creo que deberia de funcionar
import androidx.appcompat.app.AppcompatActivity
Te recomiendo que uses la opcion Invalidate caches, para resetear la cache del Android Studio, de no funcionar necesitaria ver tu codigo para ver especificamente el error
Ah qué mal no me funcionó! Se tiene que instalar alguna librería o algo?
Buen video, una consulta ese código necesariamente tiene que ir en el MainActivity.java o puede ir en otro activity?
Que tal!, Puede ir en cualquier actividad que gustes, lo hacemos en MainActivity por que suele ser la actividad mas utilizada para esto, pero si tu quieres puede ser en la que quieras! :)
@@codelia_tutorials ah vale gracias!, podrás hacer un tutorial de como hacer tablas relacionadas en firebase y como insertar datos con eso.
Claro!, Despues estaremos hablando de Cloud Firebase!
@@codelia_tutorials Vale, muchas gracías!, buenos tutoriales sigue así!!!
Otra pregunta como cierro sesión desde un fragment?
Muy buen video
Puedes hacerlo pero en Kotlin??
Claro! Pronto estaremos publicando nuevos videos.
Hola amigo, tengo un pregunta en la parte de MainActivity aparece en .kt (Kotlin) debo cambiarlo? O es lo mismo? Sabes cómo seria la sintaxis ahí
Que tal buen dia, la extension .kt es de Kotlin, nuestros tutoriales por el momento son para Java, te aconsejamos que cambies a lenguaje Java tu proyecto para que te sea mas facil seguir con los tutoriales por el momento! :)
@@codelia_tutorials muchas gracias, nuevo subscriptor
Muchas gracias Mario! :D
Buenas, slguien sabe como seria el proceso si le doy al boton de retroceder, seme marque el icono del fragment al cual regreso.
setonnavigationitemselectedlistener deprecated
Y no compila... como se puede solucionar?
Gracias amigo
Muy Agradecido! estoy realizando un proyecto de titulo y tu informacion me ha servido bastante, solo tengo una dudam yo declare 3 menus (buscar, inicio y perfil) pero al cargar el fragmento de inicio se ve dicho fragmento pero en la barra de menus esta activado el icono de "Buscar", es decir, queda seleccionado el primer icono de izquierda a derecha, como puedo solucionarlo?
¿Encontraste respuesta a esto?
@@crhistianvalladares7412 si, al momento de cargar el fragmento o actividad debes cambiar el icono, yo lo hice detectando el ID, dependiendo de cuál sea se carga la nueva ventana y se cambia el icono correspondiente a dicha ventana
@@richardstation ¿Cuál sería el código? Me ayudarías bastante
El manifest como queda, esque la app se cierra apenas la ejecutó.
Me tiró error en themes, justamente en
excelente bro !
Amigo si no me aparece la carpeta themes en values, que se puede hacer?
Utiliza el archivo styles.xml, son practicamente los mismos, solo que si te recomiendo que actualizes el Android Studio y en los proyectos nuevos que realices, te aparecera ese archivo
Alguno sabe como dejar el color del icono que lleva por defecto? Se me ponen todos en blanco y yo quiero que aparezca cada uno con su color original
no me reconoce
En tu archivo build.gradle tienes que agregar la implementacion o dependencia de com.material.google :)
@@codelia_tutorials muchas gracias por la ayuda! Tome su like buen hombre
Gracias Adolfo! Un gusto ayudarte :)
Hola, muchas gracias por este video, me ayudó mucho. pero ahora necesito ayuda en algo más y no he conseguido la solución todavía. tengo una app con bottom navegation bar en cada fragment tengo un listview que despliega archivos de audio almacenados en assets. Todo funciona perfecto, pero me gustaría poder cambiar el estilo de fuentes de los items de cada list view. ¿será posible su ayuda con esto?. muchas gracias de antemano
Que tal!, Claro no deberia de ser dificil!, Te recomiendo que en tu archivo de configuracion de layout de cada item del listview, utilices la instruccion android:font en ese archivo .xml y describas el nombre del font que quieres utilizar, con eso deberia de funcionar :)
@@codelia_tutorials Muchísimas gracias por tu pronta respuesta. ¿cuando te refieres al arcivo de configuración del layout te refieres al xml del layout del fragment?. sí, es lo primero que probé hace muchos días, y aunque no señala ningun erroor ni warning, no genera ningun cambio en la fuente de los items del list view.
No, no se si has visto nuestro video de RecyclerView?, La estructura de poblar una lista con datos, es tener un archivo llamado Adapter y otro de Elementos (este es el que define la informacion de cada item de nuestra lista), en conjunto con este archivo se crea uno con extension .xml que define como se mirara cada elemento de tu lista.
En tu caso como estas usando ListView, no se como estas poblando tu lista de datos, en todo caso, puedes intentar cambiar el font de tu lista programaticamente, es decir con codigo de Java.
@@codelia_tutorials Otra vez gracias por tu atención y prontas respuestas. Pero acabo de dar en el clavo!! la solución es infinitamente más sencilla. Te explico, en la linea donde pueblo la listview de manera predeterminada es asi:
ArrayAdapter arrayAdapter = new ArrayAdapter(getActivity(),android.R.layout.simple_list_item_1, arrayList).
Recuerda que la lista está en un fragment, por eso uso "getActivity() "en vez de "this",
pero para hacer que cada item de la lista tenga una fuente específica, entre otras características del texto, usé esta línea:
ArrayAdapter arrayAdapter = new ArrayAdapter(getActivity(),R.layout.row, arrayList).
Donde "row" es un layout que sólo contiene un textView con las características que me desee.
GRACIAS!
Que bueno que te funciono!, Si a eso me referia con programaticamente :)
Las ListViews son mas sencillas de implementar que un RecyclerView, me da gusto que pudiste solucionarlo! Saludos!
por que en el .xml me sale error en clase del @ string / appbar_scrolling_view_behavior
el appbar no me aparece
Asegurate de tener esta dependencia en tu archivo gradle: implementation 'com.google.android.material:material:1.0.0'
@@codelia_tutorials gracias si se soluciono, pero ahora no me salen estos dos itemIconTint y itemTextColor en el themes.xml
Si los agregas te da algun error?, Estas usando styles.xml o themes.xml?
Dice que esta "Deprecated" y no compila que se puede hacer?
Usa, navigationView.setOnItemSelectedListener
Hola me dice error que el activity_main no found
Que tal francisco, es todo el error que te da?
Hola he seguido varios tutoriales tuyos y muchos metodos e implementaciones están deprecados
Como puedo agregar un Evento en un fragment?
Que tal Isma, a que te refieres con un evento? Hay gran cantidad de eventos en Android Studio, hay alguno especifico? O que funcionalidad le quieres dar al Fragmento?
@@codelia_tutorials vi toda tu lista de vídeos de Login/Splash y conecte a firebase , entonces al momento de ingresar y poner las credenciales me manda al menú bottom navigation view entonces en el tercer fragmento quisiera agregar el botón de salir de la aplicación y dirigirme al loginactivity
Muy bien Isma, deberias de tener un archivo Java que sea tu Fragmento, en el caso del tercer fragmento, localiza cual archivo es y agrega el clickListener del boton de Logout y solo agrega el metodo de la misma forma que los videos.
Realmente no difieren mucho los fragmentos a las actividades, tienen comportamiento muy similar, no deberias de tener problema en hacer copy paste del codigo que ya tienes :)
@@codelia_tutorials Eso hice y me tiraba error no se , si es error por como yo lo e ido colocando por que tampoco me agarra el indViewById , pero Muchas gracias por tus respuestas volveré a intentarlo , excelentes videos
@@ismamorales5951 Si tampoco te funciona el findViewById, puede que tenga que ver con tus archivos de diseño de layout!, mira en consola error que te marca el Android Studio, regularmente ahí te dice la linea en donde esta el error, saludos!
Buena explicación, pero en mi aplicación sólo me muestra el fragment respectivo al dar doble Click en el Item del Bottom Navigation, ¿alguien ha pasado por ese mismo problema?. Agradecería mucho si me dieran alguna sugerencia de solución.
pudiste solucionarlo?
hola! Excelente video! alguien sabe como puedo hacer esto usando kotlin?
Que tal Luis, por el momento estamos subiendo solo videos en lenguaje Java, pero despues estaremos subiendo en Kotlin, la manera de implementarse es similar, solo el lenguaje si cambia en ciertas cosas, saludos :)
no me sale esa carpeta "themes el la parte de values" ,como debo hacer ?
No hay problema, la nueva version de Android Studio genera esa carpeta, pero el archivo es el mismo a uno que se llama styles.xml 😊
@@codelia_tutorials Muchas Gracias !!!
De nada! 😁
AHHHHHHHHH, MALDITA SEA, MALDITO MOJÓN DE NO SÉ QUÉ. Pero excelente video, talvez si lo hubiera seguido correctamente, no ME DARÍA UN ERROR EN EL FAKIN BottomNavigationView navigation
Para futuros videos deja un archivo de codigo :c
Que tal Javi, tenemos nuestro codigo disponible, contactanos a nuestro correo de codelia.developer@gmail.com y ahi te podemos dar mayor informacion :)
😳
me sale este error
¿A que se debe?
Can not extract resource from com.android.aaptcompiler.ParsedResource@779a310.