Otra de ViewModels (con Cinch)

Señores, la peña está aburrida de escucharme insistir en cosas como SOLID, DDD, Separation Of Concerns, MVVM, XAML y demás.

Pero copón bendito, ¡si es que llevo razón! Dejad de hacer ñapas y programad como hombres, ¡joder!

Pues después de este arrebato para aquellos que más que programan “tirar líneas” y no aspiran a hacerlo mejor, os digo: el modelo es el camino , la verdad y la vida..

Para ello os propongo el siguiente caso extravagante. Queremos construir una instancia de nuestro modelo mediante un “asistente”. La interfaz da una serie de opciones para controlar sus propiedades. Hasta aquí todo es normal, pero ahora llega lo novedoso: nuestro modelo es un control visual. ¡Imaginad un botón! Queremos establecer sus propiedades con el asistente y el usuario puede ir controlando, por ejemplo, el tamaño del borde, el color de fondo, su texto…

Bien, nosotros queremos que cuando el usuario vaya introduciendo modificaciones en el control, se vaya actualizando su apariencia.

La cosa seguramente más de alguno todo esto lo haría a base de eventos y “sin complicarse” la vida, pero si quieres ser un maestro de la abstracción puedes optar por hacerlo como yo, un dopao de MVVM con 0% de materia grasa.

¿Qué he hecho? He creado la ventanita y un ViewModel que se hacer cargo de todas las propiedades del modelo (un Botón hecho a medida). Pero ahora viene lo divertido. Como no me gusta andar descalzo, voy armado con el Framework MVVM del maestro Sacha Barber, un tipo prático donde los haya, pero con un gusto por la elegancia y por la pureza.

Ese peaso de framework tiene durezas a chorros, pero una de las que más encandilan son las relacionadas con las validaciones. Te recomiendo que te pongas a mirarte Cinch si quieres hacer algo decente con MVVM y que prestes atención a los DataWrappers.

Básicamente un DataWrapper (envoltorio de datos) es eso, un envoltorio que se ocupa de encapsular una propiedad del ViewModel y proporcionarle soporte para validación y/o edición.

El tema es que esos DataWrappers contienen un DataValue con el dato encapsulado. Es posible agregar reglas al DataWrapper para que el ViewModel padre se entere de si se encuentran en un estado válido o no. La vista reaccionara a las validaciones sin tener que realizar actualizaciones. Todo perfectamente controlado y muy declarativo.

Bueno, para enteraros del tema no hay nada mejor que los tutoriales que pone Sacha en The Code Project. Por ejemplo: http://www.codeproject.com/Articles/38672/WPF-If-Carlsberg-did-MVVM-Frameworks-Part-4-of-n

¿Y para qué quiero Cinch y los DataWrappers del demonio?

Pues la verdad es que es muy jodido de explicar, pero en esencia resulta que el usuario puede meter cualquier dato y puede que ese dato no sea correcto. Imaginad el borde del botón. Le ponemos 1.000.000 de píxeles de ancho y la previsualización, evidentemente, pegaría un flete enorme al renderizar semejante barbarie.

La idea es que cuando el dato no sea válido, la previsualización PASA OLÍMPICAMENTE del dato.

¿Cómo? Con disparadores en el XAML, concretamente un estilo con DataTriggers😉

Y ahora, para quien quiera saber la solución final, aquí está la pregunta que hice en Stack Overflow al respecto, que detalla todo el lío en inglés, que incluye la solución, con un trocete de XAML por si queda alguna duda.

http://stackoverflow.com/questions/17675285/mvvm-make-binding-update-viewmodel-only-when-data-is-valid/17695186?noredirect=1#17695186

Finalmente, si has llegado a leer hasta aquí y no te ha dado una embolia cerebral, o no te has dormido de aburrimiento, o si aún no piensas que se me va muchísimo la olla, quiero felicitarte sinceramente. ¡OLÉ TUS HUEVOS!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s