Usando la barra de búsqueda (SearchBar) en Xamarin Forms

En este artículo estaré explicando el SearchBar (Barra de búqueda), el cual es un control que nos permite realizar búsquedas de informaciones entre un conjunto de ellas. Para entender mejor, explicaré este tema con los siguientes puntos:

🔹 Estructura básica del SearchBar

🔹 Implementando una página de búsqueda con el SearchBar


¡Empecemos!

Estructura básica del SearchBar

Para entender mejor, es importante conocer la estructura básica necesaria para dicho control. En la imagen que muestro a continuación, se puede observar un ejemplo de cómo podemos comenzar a usarlo y algunos de los eventos más importantes para mí. (Solo dando vida al ejemplo pero existen muchos más😋).

Este control tiene varios eventos y propiedades super cool!😎, aquí explicaré algunas de mis favoritos:

🔹 SearchButtonPressed: Este evento se activa cuando el botón de búsqueda es presionado. (Como es señalado en la imagen)

🔹 SearchBarCommand: Es el comando ejecutado cuando el botón de búsqueda es presionado.

🔹 TextChanged: Aunque este evento no es exclusivo del SearchBar , lo agregué en esta explicación porque es uno de los más útiles al crear una página de búsqueda. Este evento se activa mientras escribimos un texto.


Implementando una página buscador con el SearchBar

Y ahora, vamos a crear un ejemplo! Veamos la implementación de XAML:

Código C#: Creando una lista

El método para buscar la información en la lista:

¡Listo! La barra de búsqueda está implementada.😍

Puedes leer más información sobre el SearchBar aqui.

Gracias por leer mi artículo!💚

Artículo en inglés: https://askxammy.com/lets-use-the-searchbar-control-in-xamarin-forms/