Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android SDK
Code

Consejo Rápido: Trabajando Con Fuentes Personalizadas en Android O

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Create Autosizing Text With Android O
Quick Tip: Introducing Android O’s Adaptive Icons and Pinned Shortcuts

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

¡La primera previsualización de desarrollador de Android O está aquí!

En esta serie, estamos viendo algunas de las próximas características UI con las que puedes comenzar a experimentar el día de hoy, vía la Previsualización de Desarrollador Android O.

En el primer consejo, te mostré cómo configurar tu desarrollo para soportar esta previsualización temprana O, y cómo crear texto que se escale automáticamente para ajustarse a la configuración actual de pantalla. En este consejo, vamos a estar viendo cómo Android O hará de trabajar con fuentes personalizadas una experiencia experiencia cómoda.

Agregando Fuentes Personalizadas a Tu Proyecto

¿Alguna vez has querido hacer que una pieza particular de texto resalte? ¿O tal vez estabas convencido de que una fuente personalizada sería la manera perfecta para agregar personalidad extra a tu aplicación?

Mientras que hay muchos beneficios por usar fuentes personalizadas, trabajar con ellas en Android ha sido tradicionalmente una experiencia dolorosa, requiriendo que uses una librería o que crees un View personalizado.

Afortunadamente, trabajar con fuentes personalizadas en Android se volverá mucho más sencillo, ya que las fuentes personalizadas se están convirtiendo en un tipo de recurso completamente soportado en Android O. Esto significa que agregar una fuente personalizada a tu aplicación será tan sencillo como agregar cualquier otro recurso, tales como imágenes y texto.

Para seguir a la par este tutorial, necesitarás algunos archivos de fuente que puedes agregar al proyecto Android O que creamos en la parte uno.

Android O soporta los formatos .otf (OpenType) y .ttf (TrueType). Hay muchos sitios web ofreciendo estos tipos de fuentes de manera gratuita, así que emplea unos cuantos minutos buscando en Google hasta que encuentres una fuente que te guste.

Ya que solo estamos experimentando con las nuevas características de Android O, no importa particularmente cuál fuente uses, pero cuando estés buscando fuentes para usar en liberaciones de producción de tu aplicación entonces siempre deberías revisar los términos y condiciones de esa fuente. ¡Solo porque un recurso es gratuito para descarga no significa automáticamente que no hay restricciones sobre cómo puedes usar y redistribuir esta fuente, así que siempre revisa la letra pequeña!

También deberías considerar el propósito de tu aplicación, contenido y publico meta, ya que diferentes fuentes transmiten diferentes mensajes. Si estás diseñando una app para ayudar a las personas a completar sus devoluciones de impuestos, ¡entonces tu audiencia podría tener dificultades para tomar en serio el consejo financiero y legal de tu aplicación si se entrega en una fuente rara y alocada!

Una vez que has encontrado una fuente con la que quieres trabajar, descárgala y descomprímela. En este punto, deberías revisar si el nombre de archivo de la fuente tiene caracteres inválidos---esencialmente cualquier cosa que no sea a-z minúsculas, 0-9 o un guión bajo. Intenta incluir cualquier otro caracter, y Android Studio arrojará un error tan pronto como intentes referenciar ese recurso.

Una vez que tienes tus archivos de fuente(s), necesitarás algún lugar para almacenarlos:

  • Da clic derecho a la carpeta app/res de tu proyecto y selecciona New > Android resource directory.
  • Abre el menú desplegable y selecciona font.
  • Ingresa font como el Nombre de Archivo.
  • Da clic en OK.
Create a resfont folder in Android Studio
  • Arrastra y suelta el archivo de tu fuente(s) en tu nueva carpeta res/font.

Usando Tus Fuentes Personalizadas

Puedes aplicar una fuente personalizada a tu texto usando el nuevo atributo XML android:fontFamily:

Test your custom font on your Android O AVD

También puedes agregar fuentes personalizadas a cualquier estilo que hayas creado en tu app:

Si quieres usar fuentes personalizadas de manera programática, entonces puedes recoger una fuente personalizada usando el método getFont(int), por ejemplo:

Creando una Familia Tipográfica

Algunas veces podrías descomprimir una carpeta de fuente y descubrir múltiples versiones de la misma fuente, tal como una versión itálica, o fuentes con pesos y grosores variables.

Si estás usando múltiples versiones de la misma fuente, entonces podrías querer agruparlas en una familia tipográfica. Una familia tipográfica es esencialmente un archivo XML dedicado en donde defines cada versión de la fuente, junto con su estilo asociado y atributos de peso.

Para crear una familia tipográfica:

  • Asegúrate de que has agregado todos los archivos de fuente a la carpeta res/font de tu proyecto.
  • Da clic derecho a la carpeta res/font de tu proyecto, y después selecciona New > Font resource file.
  • Dale a este archivo un nombre, y después da clic en OK.
  • Abre este archivo XML y define todas las versiones diferentes de esta fuente, junto con su estilo y atributos de peso, por ejemplo:

Puedes después referenciar cualquiera de las fuentes en esta familia usando el atributo android:fontFamily. Por ejemplo:

¡No Olvides Probar!

Mientras que es fácil dejarse llevar con nuevas características, ¡no te vayas por la borda con fuentes personalizadas! Las UIs consistentes son más fáciles de navegar y entender, y si tu aplicación está cambiando constantemente entre fuentes entonces tus usuarios podrían terminar prestando más atención a cómo luce tu texto, en vez de lo que dice.

Si incluyes fuentes personalizadas en tu proyecto, entonces es importante probar cómo esa fuente se genera a lo largo de un amplio tango de diferentes configuraciones de pantalla, así como tu prioridad principal siempre debería ser asegurar que tu texto es fácil de leer.

Conclusión

En este consejo, te mostré cómo crear texto más estilizado y único, agregando fuentes personalizadas a tus proyectos. En el artículo final de esta serie, vamos a desviar nuestra atención de texto a imágenes, ya que te muestro como crear iconos de lanzador adaptativos que adaptan automáticamente su forma para ajustarse al dispositivo actual.

Mientras tanto, ¡revisa algunos de nuestros otros tutoriales sobre desarrollo de aplicaciones Android!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.