¡Adiós BottomBar!
- Para poder usar este widget, es necesario que incluyas las librerías de soporte de diseño y compatibilidad:
dependencies {
implementation 'com.android.support:appcompat-v7:X.X.X'
implementation 'com.android.support:design:X.X.X'
// donde X.X.X es la versión que prefieras usar
}
- En primer lugar debemos generar un nuevo Layout para nuestro BottomNavigationView, este View debe tener asociado un menu:
<android.support.design.widget.BottomNavigationView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/bottombar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_gravity="bottom|end"
android:background="@color/colorPrimary"
app:itemBackground="@drawable/bottombar_itembackground"
app:itemIconTint="@color/textColorWhite"
app:itemTextColor="@color/textColorWhite"
app:menu="@menu/bottombar_menu"
/>
- El menú contendrá los botones del BottomNavigationView, cada item deberá tener un id, title e icon.
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/search"
android:title="@string/tab_search"
android:icon="@drawable/ic_search"
/>
<item
android:id="@+id/home"
android:title="@string/tab_home"
android:icon="@drawable/ic_home"
/>
<item
android:id="@+id/profile"
android:icon="@drawable/ic_user"
android:title="@string/tab_profile" />
</menu>
- Si regresas al primer punto, verás app:itemBackground="@drawable/bottombar_itembackground", es decir, que al fondo de cada botón le estamos asignado no sólo un color. Este recurso bottombar_itembackground contiene lo siguiente en este caso:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@color/colorPrimaryDark"/>
<item android:state_pressed="true" android:drawable="@color/colorPrimaryDark"/>
<item android:drawable="@color/colorPrimary" />
</selector>
-
Por defecto el botón tendrá el colorPrimary.
-
Cuando el botón sea presionado y cuando esté seleccionado, tendrá el colorPrimaryDark.
-
Listo, ya el ButtonNavigationView tiene el estilo que deseamos.
Curso Definitivo de Android 2016
0 Comentarios
para escribir tu comentario