Archivo de la etiqueta: custom controls

Stepper with Buttons XF Control

A veces no es suficiente con los controles que Xamarin Forms proporciona, por ello en vistas de una posible reutilización decidimos crear nuevos controles acordes a las peticiones de nuestros clientes y diseñadores UX/UI. Este es un ejemplo:

Stepper with Entry
Stepper with Entry
Stepper with Entry
Stepper with Entry

Si bien es cierto que el diseño del ejemplo deja bastante que desear, estoy segura de que vosotros tendréis mejores ideas 😉 y precisamente por ello esté control permite personalizar su visualización bastante.

Características de Stepper With Entry Control

  • Esta pensado para ser usado exclusivamente con números: enteros y decimales.
  • Los botones pueden contener imágenes o texto.
  • Posee validación de valor máximo y mínimo para el Entry
  • Los botones se activan y desactivan en función de los valores máximos y mínimos que se hayan configurado.
  • Se pueden personalizar de manera individual cada botón
  • Se puede personalizar el contenedor principal del control
  • Se puede personalizar el Entry
  • Admite decimales con «,» y «.»
  • Letras no están permitidas y el teclado por defecto es Numeric

Os dejo un ejemplo de su funcionamiento:

Podeis encontrar el código en mi GitHub, en el proyecto XFExamples: https://github.com/boletus151/XFExamples

Carrusel para Xamarin Forms

Basándome en la implementación de https://github.com/chrisriesgo he adaptado su Carousel para mostrar imágenes usando Xaml.

carousel

El autor original ha desarrollado su ejemplo por código, lo que para algunos puede parecer un poco complicado; independientemente de que te guste más o menos Xaml, siempre es mas intuitivo ver como esta construida la página de esta manera que con código XD.

Sigue leyendo Carrusel para Xamarin Forms

Object Bindable Picker para Xamarin Forms

He creado una lista desplegable que pueden ser bindada a una lista de objetos (en vez de string), o lo que es mas conocido un «ObjectBindable Picker». Ademas puedes seleccionar la propiedad a mostrar en base al nombre de la propiedad.

object-bindable-picker

Este control forma parte de una recopilación de información a lo largo y ancho de internet; gracias a la colaboración de muchos desarrolladores.

Sigue leyendo Object Bindable Picker para Xamarin Forms

Dynamic Load for a ListView para Xamarin Forms

He creado un ListView que carga dinamicamente los items según la BindableProperty «ItemsPerPage».

dynamic-list-scrolling

Es una lista de tipos genéricos, por lo que a la hora de agregarla en xaml hay que especificar el tipo de la siguiente manera:

 

La BindableProperty FullItemsSource es la encargada de guardar todos nuestros items, mientras que la propiedad ItemSource mostrará los items que se vayan cargando a medida que se vaya haciendo scroll.

Sigue leyendo Dynamic Load for a ListView para Xamarin Forms