Recetas

Xamarin.Forms – Personalizando un NavigationPage


Si recién has comenzado a utilizar Xamarin.Forms, podrás darte cuenta que cuando creamos un NavigationPage, contamos con características visuales por defecto:

NavigationPage por defecto

Cambiando las características de un NavigationPage

Podemos llevar a cabo ciertos cambios de apareciencia a través de la modificación del código, cuando llevamos a cabo la creación de la instancia de NavigationPage. Es decir, normalemnte creamos una nueva instancia de la siguiente forma:

Para llevar a cabo este ejemplo (aunque no es la única forma), almacenaremos en una variable dicha referencia:

Una vez teniendo la instancia en una variable, podemos jugar con las propiedades que contiene dicha variable, de las más representativas tenemos:

  • BackgroundColor: Para cambiar el color de fondo de nuestra NavigationPage.

BackgroundColor cambiado

  • BarBackgroundColor: Para cambiar el color de fondo de la barra superior.

BarBackgroundColor  cambiado

  • BarTextColor: Para cambiar el color del texto de la barra superior.

BarTextColor cambiado

Finalmente, no debemos olvidar asignar nuestra variable de navigationPage a la propiedad MainPage:

quedando el código correspindiente de la siguiente forma:

Recuerda que puedes ver el proyecto completo en mi respositorio de Github.

Saludos.

Xamarin Forms
Xamarin Forms: Consumiendo un servicio web basado en JSON Parte 3: Creando Creando la Vista
Xamarin
Xamarin.Forms – Clase genérica para consumir servicios REST
Xamarin Forms
Xamarin Forms: Pre visualizando los formularios (Opción 2: Gorilla Player)
There are currently no comments.