¿Cómo ocultar/mostrar BottomNavigationView en Scroll en Android?

BottomNavigationView es la mejor opción para la navegación en Android. Hace la vida más fácil para un usuario cambiar entre múltiples actividades y fragmentos. Es realmente un dolor en el trasero usar una aplicación de Android sin tener una navegación adecuada. En GFG, ya hemos compartido un artículo con usted sobre BottomNavigationView. Si es nuevo o no sabe qué es BottomNavigationView o desea implementarlo en su aplicación, consulte este BottomNavigationView en Android .

Todos estamos usando aplicaciones de Android en nuestra vida diaria. Si observa cuidadosamente, encontrará que una aplicación con una mejor interfaz de usuario obtiene el corazón del usuario. Le encantará usar esa aplicación y vendrá una y otra vez. Para crear interfaces de usuario mejores y profesionales, debe cuidar estas pequeñas cosas. Cuando BottomNavigationView se muestre y se oculte al desplazarse, se verá mucho más profesional y práctico. También ha visto en LinkedIn, cómo se muestra y oculta BottomNavigationView al desplazarse. ¿Tampoco desea implementarlo en BottomNavigationView de su propia aplicación? En este artículo, vamos a discutir cómo implementar este tipo de comportamiento en nuestra aplicación de Android. Después de leer este artículo y comprender la lógica, podrá usarlo en todas partes.

Implementación paso a paso

whatThis es un tutorial independiente del idioma, los pasos serán los mismos para Java y Kotlin

HideShowBottomNavigationViewonScrollinAndroid.gif

Paso 1: abra un proyecto existente que tenga BottomNavigationView y desee trabajar en él. Si aún no lo ha creado, siempre puede consultar este BottomNavigationView en Android y crearlo. También puede clonar este proyecto de GitHub para su implementación. Y hemos utilizado este proyecto como ejemplo en este artículo.

Nota: consulte este artículo para clonar un proyecto de Android desde GitHub en Android Studio .

Paso 2: luego navegue hasta el archivo de recursos de diseño en el que ha utilizado BottomNavigationView. Por ejemplo, lo hemos usado en el archivo activity_home.xml con RecyclerView .

Paso 3: ahora asegúrese de que el diseño principal para ese archivo de recursos de diseño sea CordinatorLayout porque este comportamiento no funcionará en ningún otro tipo de diseño. Solo funcionará en CordinatorLayout.

Nota: CordinatorLayout es un diseño avanzado en Android, tiene funcionalidades mucho más interesantes. Si bien se ocupará de las IU complejas en Android, puede hacerlo de manera más eficiente en CordinatorLayout. Puede leer más sobre CordinatorLayout desde aquí.

Paso 4: ahora, en BottomNavigationView agregue un atributo como este. 

XML

app:layout_behavior="@string/hide_bottom_view_on_scroll_behavior"/>.

Paso 5: Intente ejecutar su aplicación en un emulador o dispositivo físico. En este proyecto de muestra, hemos usado un RecyclerView con BottomNavigationView. Puede hacer lo mismo con ScrollView o cualquier otro objeto en Android.

Interfaz de usuario de salida:

Publicación traducida automáticamente

Artículo escrito por encrypter09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *