(+34) 673 566 782 - (+34) 960 653 052 formacion@imaginagroup.com

Crea una tipografía personalizada en Android

Android
Principiante
30 minutos

En el siguiente tutorial vamos a cambiar la tipografía por defecto de nuestras aplicaciones. Android nos proporciona la fuente llamada Roboto. Podemos ver las características y descargar la tipografía desde la página oficial de desarrolladores de Android.

El tutorial es muy sencillo pero indispensable, ya que cada empresa suele pedirnos que utilicemos su tipografía corporativa.

Crearemos un nuevo proyecto llamado MyTypeface, donde cargaremos dos tipografías distintas. Una de ellas es la fuente libre y la segunda es una tipografía libre llamada actionjackson.

Llamamos al proyecto MyTypeface e indicamos un nombre de paquete. Dejaremos todas las demás opciones por defecto.

Eclipse nos creará una Activity y su correspondiente layout.

Figura31
Figura31
Figura41

Una vez creado el proyecto MyTypeface crearemos una carpeta fonts dentro de assets. Dentro de ella insertaremos todas la tipografías de nuestro proyecto.

Podemos descargar las fuentes Folk Solid y actionJackson

Podemos utilizar ésta técnica desde la versión 1 de Android y no necesitamos ningún tipo de permiso para cargar las fuentes.

Vamos a modificar el layout de la actividad de forma que muestre dos textos que modificaremos desde el código de la actividad.




<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >



    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="text1" />



    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/text1"
        android:layout_centerHorizontal="true"
        android:text="text2" />



</RelativeLayout>

A continuación modificaremos nuestra Activity de la siguiente forma:




import android.app.Activity;
import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;



public class MainActivity extends Activity {



	/* Fuente textos */
	private Typeface belrosFont;
	private Typeface actionFont;



	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);



		belrosFont = Typeface.createFromAsset(getAssets(),
				"fonts/Folksolid.otf");



		actionFont = Typeface.createFromAsset(getAssets(),
				"fonts/actionjackson.ttf");



		TextView text1 = (TextView) findViewById(R.id.text1);
		text1.setTypeface(belrosFont);
		text1.setText("Hola Imagina");
		text1.setTextSize(30);



		TextView text2 = (TextView) findViewById(R.id.text2);
		text2.setTypeface(actionFont);
		text2.setText("Hola Imagina");
		text2.setTextSize(30);
	}
}

Podemos observar dos objetos Typeface en los que cargamos las fuentes que tenemos en la carpeta fonts. Cargamos la fuente de Belros mediante el método createFromAsset que nos proporciona la clase Typeface.

belrosFont = Typeface.createFromAsset(getAssets(),	"fonts/Folksolid.otf");

Una vez cargada la fuente es muy sencillo utilizarla mediante el método setTypeface de los controles TextView, EditText, entre otros con texto.

text2.setTypeface(actionFont);

Si probamos ejecutar la aplicación nos encontraremos con una imagen como la siguiente.

Infórmate sin compromiso

Nombre (requerido)

Correo electrónico (requerido)

Teléfono (requerido)

Modalidad (requerido)

  1. Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  2. Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  3. Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  4. Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.

Uso de cookies: Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies