Xamarin Essentials

Conociendo el File Picker en Xamarin Forms

¡Hola! 💁‍♀️ ¡Feliz año nuevo !!🎄Bienvenidos a mi primer post del año! En esta ocasión estaremos aprendiendo sobre un tema muy interesante que fue incluido recienteente en Xamarin Essentials, este es el File Picker (Selector de archivos)!!

Primero de todo… ¿Qué necesito?

 

Agreguemos algunas configuraciones de plataforma. Para implementarlo, sigue las instrucciones indicadas a continuación:

La imagen tiene un atributo ALT vacío; su nombre de archivo es if_android_313085.png

En Android –  Tenemos más de una forma de hacerlo, veamos:

1⃣ Click derecho en tu proyecto de Android➖ Opciones ➖Android Application ➖ Permisos requeridos ➖  ReadExternalStorage

La imagen tiene un atributo ALT vacío; su nombre de archivo es FilePicker_AndroidSettings.gif

2⃣ O en tu archivo AssemblyInfo.cs en la carpeta Propiedades y agrega el siguiente código:

🚧 Para IOS y UWP no necesitas configuración adicional.


 

¡Empecemos!

¿Qué es FilePicker.PickAsync ()?

Es el método que permite al usuario elegir un archivo del dispositivo. Este método recibe como parámetro un PickOptions, que se encarga de iniciar el selector para seleccionar un archivo único.

La clase PickOptions contiene dos propiedades, que son las siguientes:

⭐ Habiendo visto la explicación gráfica, Implementaremos el código, lo que nos permite abrir el Selector de archivos (File Picker). En este ejemplo, estamos filtrando solo archivos .Jpeg.

Y finalmente, agreguemos un bloque de código que nos permita mostrar la imagen obtenida en nuestra UI. (Por favor agrégalo dentro del código anterior agregado arriba, donde dice: "// Here add the code that is being explained in the next step")

¿Y si quiero mostrar archivos distintos a los permitidos por defecto? 🧐

Puedes personalizar los tipos de archivos que deseas filtrar en tu File Picker y algo muy importante es que puedes hacerlo por plataforma. ¡Veamos el ejemplo!

Una vez terminado, busca el ícono de estrella (⭐) en esta publicación que se incluye arriba. En ese bloque de código, solo tiene que reemplazar FilePickerFileType.Jpeg por customFileType y listo!


Pero … ¿Qué pasa si quiero elegir más de un archivo? 🧐

¡Es muy fácil! Solo tienes que reemplazar PickAsync()con el método PickMultipleAsync(). Ambos tienen la misma estructura y reciben PickOptions como parámetro. La única diferencia es que en lugar de un único FileResult se devuelve un IEnumerable <FileResult>.


 

¡Y listo! ¡Nuestro selector de archivos se agrega a nuestra aplicación!😎

¡Gracias por leer mi artïculo! 💚💕

Artículo en inglés:  https://askxammy.com/knowing-the-file-picker-in-xamarin-forms/

Referencias: https://docs.microsoft.com/en-us/xamarin/essentials/file-picker?tabs=android?WT.mc_id=DT-MVP-5003353

Tagged , , ,

1 thought on “Conociendo el File Picker en Xamarin Forms

Leave a Reply

Your email address will not be published. Required fields are marked *