Agregando Sombras con Xamarin Community Toolkit

Cuando me enteré de Xamarin Community Toolkit, ¡me enamoré de las cosas maravillosas que podía hacer con su ayuda! Me encanta como un solo paquete nos brinda tantas funciones útiles que antes no teníamos en un único lugar, ¡pero ahora las tenemos! 💚

¡Esta vez aprenderemos a trabajar con sombras gracias a XCT! 🤓 Antes de comenzar con la explicación, conozcamos un poco de Xamarin Community Toolkit (XCT)!

En primer lugar … ¿Qué es el Xamarin Community Toolkit? 🤔

Xamarin Community Toolkit (XCT) es una colección de elementos reutilizables para el desarrollo móvil con Xamarin.Forms el cual nos brinda muchas características brillantes, tales como animaciones, Converters, Behaviors, efectos y helpers. Está disponible como un Visual Studio NuGet y también tiene disponible el repositorio de Xamarin Community Toolkit en el que puedes ver un preview de sus funcionalidades en acción. 😎 Puedes leer más información aquí.

¡Empecemos!

Paso : Agregando el Nuget Package

Agrega desde el NuGet Package: Xamarin.CommunityToolkit

Paso : Agregando el espacio de nombre (Namespace)

Paso : Finalmente, agregemos la sombra!

Para agregar la sombra tienes cinco propiedades que debes conocer para aprovechar su uso al máximo:

Color: Es el color que tendrá la sombra.

Opacity: Con esta propiedad puedes controlar la opacidad que deseas contenga la sombra.

Radius: Es responsable de manejar el desenfoque en la sombra.

OffsetX / OffsetY: Nos permite definir el desplazamiento que tendrá la sombra, por lo que OffsetX se encarga de especificar la distancia del desplazamiento horizontal, mientras que OffsetY del desplazamiento vertical.

.

¡Ahora, veamos la demostración en código!

En este caso usaré un Frame para redondear los bordes de una imagen, y también quiero agregar una sombra con desplazamiento vertical, ¡veamos cómo hacerlo!