¿Cómo cambiar la fuente de texto de los elementos del cajón de navegación lateral en Android?

El cajón de navegación es la característica más común que ofrece Android y el cajón de navegación es un panel de interfaz de usuario que muestra el menú de navegación principal de su aplicación. También es uno de los elementos importantes de la interfaz de usuario, que proporciona acciones preferibles para los usuarios, como cambiar el perfil del usuario, cambiar la configuración de la aplicación, etc. El usuario puede ver el cajón de navegación cuando desliza un dedo desde el borde izquierdo de la pantalla. actividad. También pueden encontrarlo desde la actividad del hogar tocando el ícono de la aplicación en la barra de acción. El icono del cajón se muestra en todos los destinos de nivel superior que utilizan un DrawerLayout. Echa un vistazo a la siguiente imagen para hacerte una idea sobre el cajón de navegación.

Navigation Drawer

En este artículo, veremos cómo cambiamos la fuente del texto del elemento del cajón de navegación. Antes de comenzar, debemos crear un proyecto con Side Navigation Drawer. 

  • Método 1: Cree un nuevo proyecto desde la opción de archivo en la esquina izquierda. Vaya a Archivo > Nuevo > Nuevo proyecto y seleccione la opción Actividad del cajón de navegación e ingrese el nombre del proyecto. Deja que las cosas restantes sean como son.
  • Método 2: puede crear un cajón de navegación lateral manualmente. Para hacerlo haz clic aquí Cajón de Navegación en Android .

Implementación paso a paso

Paso 1: Vaya a la aplicación > res > valores > temas > archivo themes.xml y escriba el código que fluye dentro de la etiqueta <resources> .

XML

<!--new style is created here-->
<style name="NewFontStyle" parent="android:Widget.TextView">
  <item name="android:fontFamily">sans-serif-smallcaps</item>
</style>

Paso 2: Abra el archivo activity_main.xml y vaya a la etiqueta NavigationView y establezca el estilo en el atributo itemTextAppearance

app:itemTextAppearance=”@style/NewFontStyle”

A continuación se muestra el código completo para el archivo activity_main.xml .

XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">
  
    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
  
    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:itemTextAppearance="@style/NewFontStyle"
        app:menu="@menu/activity_main_drawer" />
      
</androidx.drawerlayout.widget.DrawerLayout>

Interfaz de usuario de salida:

Antes:

Después:

Publicación traducida automáticamente

Artículo escrito por namanjha10 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 *