#Windows10 – Controlando un MediaPlayer con #SurfaceDial en una Windows Store App

Hola!

Siguiendo con el ejemplo de ayer sobre cómo utilizar el nuevo SurfaceDial en una Windows Store App, hoy integrare algunas funcionalidades de este device en una page con un Media Player Element.

No he tirado mucho de imaginación para este ejemplo, solo quiero tener 2 funcionalidades básicas a cubrir con Surface Dial

  • Utilizando el giro del dial, controlar la posición del video que estoy reproduciendo
  • Con el click del dial, pausar o reanudar la reproducción del video

Y como en el ejemplo anterior, debo registrar una acción que se dispara desde un menú del Surface Dial.

Bonus: He visto que hay otra forma para crear los botones de acción en el dial. Para esto utilizo el tipo de fuente [Segoe MDL2 Assets], y con el valor de un char, defino el icono a utilizar.

I1

Para crear este nuevo menú y para cubrir las 2 funcionalidades he utilizado el siguiente código

Como se puede ver en el mismo

  • 10 a 17, creación del menú y suscripción a los eventos de click y de rotación.
  • 21, cambio de posición del video player utilizando el rotation delta que nos brinda el evento RotationChanged() del Surface Dial
  • 26 a 36, en el click del dial, pausa o reanudación del video dependiendo del estado del mismo

Happy Coding!

Source Code en GitHub

Saludos @ Toronto

El Bruno

References

Advertisements

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s