SliderOver en Xamarin Form

2018-07-05_2001
Paquete NuGet

Hace unos días haciendo una aplicación de música con Xamarin Form, quise imitar el Slide Up Menú de Spotify para agregar una canción a un playlist y me encontré con una librería bien paja que cumplió con mis expectativas, se llama SlideOverKit , la documentación esta bien clara en Github, y los ejemplos son muy fáciles de aplicar.

El resultado es este, me vendría bien agregarle una imagen al álbum y mejorar un poco mas el diseño, pero la idea del Slide Up Menú esta muy clara.

Ahora paso a explicar un poco para que también puedan implementarlas en sus proyectos.

  1. Crear un archivo xaml, darle un bonito diseño y lo mas importante agregar la referencia a la librería, en la parte del code behind es solo heredar de la clase SlideMenuView, y después agregar las propiedades que deseen, en mi caso le agregue un alto de 150 (HeightRequest), que ocupe toda la pantalla (IsFullScreen), que la orientación del menú sea bottomToTop, con un color de fondo Transparente (BrackgroundViewColor) y que para los dispositivos Android sea 50 mas de alto.
2018-07-05_1833
Archivo xaml
2018-07-05_1836
Archivo .cs

2. Desde tu page (en mi caso ListSongsPage) , donde piensas lanzar el menú tienes que instanciar  y asignar a la propiedad SlideMenu el SlideUpMenu que creaste, si notan el page hereda de MenuContainerPage, por eso me salen las propiedades SlideMenu, ShowMenu y HideMenu. Yo le he agregado un evento que cuando se pulse agregar a playlist se cierre automáticamente.

2018-07-05_1837

2018-07-05_1838

2018-07-05_1839

Espero a ver ayudado a entender un poco sobre esta librería, pero como les mencione, los ejemplos que tiene son muy claros y fáciles de entender, pero igual cualquier consulta estoy gustoso de ayudar.

Nos Vemos!

PD: Mi aplicación de música anime donde utilizo esta librería ya esta en el PlayStore , cualquier feedback es bienvenido. Gracias!

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *