Tutorial: Cómo agregar un fondo personalizado a la UINavigationBar en iOS

¡Comparte el tutorial!

Tweet

El componente UINavigationBar representa básicamente la barra de navegación que podemos ver en la parte superior de nuestra aplicación, siempre que ésta se encuentre embebida dentro de un UINavigationController o una subclase del mismo.


En este tutorial te enseñaré como personalizar la UINavigationBar en iOS para que tus aplicaciones tengan un toque mas personalizado y con más estilo.

¿Que necesitamos?

* Xcode [Enlace]

Dificultad

Fácil

Paso 1:

Las opciones que tenemos para agregar un fondo personalizado son un color fijo de fondo o una imagen personalizada, veremos los dos casos.

Color de fondo:
Para ello el código que necesitamos es el siguiente:

[navigationBar setTintColor:[UIColor redColor]];

Podemos cambiar la parte de redColor por el color que queramos.

Y el resultado sería el siguiente:

Imagen de fondo:
Para ello el código que necesitamos es el siguiente:

[navigationBar setBackgroundImage:imagen forBarMetrics:UIBarMetricsDefault];

En donde reemplazaremos imagen por la dirección en la que se encuentra ubicada la imagen que utilizaremos.

Y el resultado sería el siguiente:

Y es todo, con eso ya puedes personalizar tus aplicaciones para iOS.

Fin del tutorial