Como obtener el index de un Collection View en Xamarin Forms

Mostrar el index de un Collection View puede sonar un poco complicado cuando usamos Observable Collection o List View, pero te comparto este post que puede ahórrate tiempo, Veamos

Primero es importante conocer sobre los Converters en Xamarin Forms, estos nos pueden proporcionar la facilidad de interceptar los valores por medio del binding para modificar o procesar su apariencia. Existen 2 tipos o interfaces que pueden implementar:

IValueConverter:

Sirve para procesar un valor e implementa 2 métodos:

Convert(Object, Type, Object, CultureInfo)
ConvertBack(Object, Type, Object, CultureInfo)
  • Convert: Este método convertirá el valor recibido
  • ConvertBack: Aquí podemos retornar el valor final o un valor diferente al recibido.

IMultiValueConverter

Sirve para implementar varias propiedades e implementa 2 métodos:

Convert(Object[], Type, Object, CultureInfo)
ConvertBack(Object, Type[], Object, CultureInfo)
  • Convert: Este método a diferencia del anterior, recibe un object[], donde podemos recibir varias propiedades y trabajar con ellas.
  • ConverBack: Aquí también podremos devolver varios objetos.

Para este caso usaremos la interfaz IValueConverter, crearemos nuestra carpeta de convertidores en nuestro proyecto, agregaremos una clase que la llamaremos CollectionViewToIndex .

Carpeta Converters
Carpeta Converters

Seguidamente tendremos que declarar nuestro Converter en el App.xaml

Y ahora para usar nuestro convertidor solamente es necesario asignar un nombre con el atributo x:Name del Collection View y pasarlo como referencia a nuestro convertidor. Hice uso de la etiqueta Label para mostrarlo.

Ejemplo
Ejemplo

Repositorio: GitHub

¡Recuerda compartir ?!

Como obtener el index de un Collection View en Xamarin Forms

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *