#AZURE Hello Face: MVVM en apps Windows 8.1 (6)

Hola!

Nuevo post para la serie de Face Api en Azure

1. Face APIs en Azure

2. Hello Face: Face APIs en una Console App

3. Hello Face: Face APIs en una WPF App

4. Hello Face: Face APIs en una app Windows 8.1

5. Hello Face: Marcos sobre cada rostro detectado en la app Windows 8.1

6. Hello Face: MVVM en apps Windows 8.1 (6)

Esa manía de utilizar el patrón MVVM me suele poner de mal humor, especialmente cuando para algo tan simple como una página con un botón es necesario crear una infraestructura que no aporta valor (lee mi post sobre Scrum no es para aficionados para comprender a que me refiero). Pues bien, en el caso de que necesitemos utilizar una vista con un view model, una solución puede ser similar a la siguiente

En primer lugar creamos una colección de Canvas, y para cada Canvas completamos información como el alto, el ancho y la posición con un margin. Por cierto, es casi imposible crear un binding de un margin, as que mejor por source code.

Un detalle interesante es que el Background del Canvas está creado con un color con un porcentaje de transparencia. En el XAML utilizamos un agregador de tipo ItemsControl y asociamos esta propiedad en el binding del mismo.

Y todo listo ¡!! El resultado es un Frame en cada rostro detectado, por ejemplo

El código fuente en GitHub se puede descargar desde https://github.com/elbruno/ProjectOxford

Saludos @ Madrid

/El Bruno

Resources:

Scrum no es para aficionados

– MSDN System.UI.Xaml.Canvas

Advertisements

11 thoughts on “#AZURE Hello Face: MVVM en apps Windows 8.1 (6)”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.