Recetas

Xamarin.Forms – Agregando un ToolbarItem a tu aplicación


Si en tu aplicación tipo Xamarin.Forms, quieres implementar botones tipo Barra de herramientas (con un ToolbarItem) como el que ves en las siguientes imágenes:

En android:

En UWP:

sigue esta sencilla receta.

Pasos para agregar un ToolbarItem en tu aplicación:

1.- Crea una nueva página tipo Forms Blank Content Page (Lo puedes hacer a través de XAML o de código C#:

Creando una nueva página

2.- Agrega una imagen que quieras que sea el ícono a desplegar en la barra de herramientas, ya en una entrada anterior vimos cómo agregar imágenes en nuestros proyectos. En mi caso, agregaré una imagen llamada settings.png:

Agregando una imagen al proyecto Xamarin.Android

 

3.- Si queremos hacerlo a través de código XAML, debemos tomar en cuenta que cada tipo de página (ContentPage, TabbedPage, etc), tiene una propiedad llamada ToolbarItems. Es dentro de esta propiedad, donde definiremos cuáles son las opciones que queremos que formen parte de nuestra barra de herramientas. En código XAML sería, en caso de tener como tipo de página una ContentPage:

Si te das cuenta, podemos especificar si queremos colocar un texto como parte del ToolbarItem, además de una imagen ó ícono.

4.- Si queremos hacerlo a través de código C#, bastará con llevar a cabo una sobreescritura el método “OnAppearing”, y agregar una instancia de ToolbarItem a nuestra colección de ToolbarItems de nuestra página actual, de la siguiente forma:

Con esto, tendremos listos nuestros ToolbarItems, los cuales según este ejemplo, se verán de la siguiente forma:

 

desde XAML

Recuerda que el código de las recetas lo puedes encontrar en el siguiente enlace:

Recetas Xamarin.Forms

¡Saludos!

 

 

Recetas
Xamarin.Forms Seleccionar el tipo de teclado para un control Entry
Xamarin Forms
Xamarin Forms: Consumiendo un servicio web basado en JSON Parte 2: Creando el ViewModel
Xamarin Forms
Xamarin Forms: Pre visualizando los formularios (Opción 2: Gorilla Player)
There are currently no comments.