Skip to content

Lecciones, XML driven

19 abril 2010

Ya tengo casi terminada la parte de las lecciones. Como sabréis, el proyecto se divide, por un lado, en las canciones a tocar con la flauta y, por otro, las lecciones sobre cómo tocar el instrumento. He desarrollado la parte de las lecciones de tal forma que se puedan añadir lecciones sin tener que acceder al código del programa.

Así, por cada lección tiro de un XML en el que defino las imágenes (ruta y posición) y los textos (posición, texto, tamaño, alineación, sombra y color) que deben aparecer en la pantalla, así como su orden de aparición (las animaciones aún no están implementadas).

Para este XML, por ejemplo:

<?xml version="1.0" ?>
<Lec>
  <index>1</index>
  <nombre>Este es el nombre</nombre>
  <elementos>
    <img src="media/lecciones/fondoGenerico.png" x="0" y="0" z="1" wait="0"/>
    <img src="media/lecciones/sombraFoto.png" x="21" y="33" z="1" wait="0"/>
    <img src="media/lecciones/1 dograve.png" x="46" y="57" z="2" wait="0" />
    
    <texto str="Lección 1:" tam="45" ca="255" cr="191" cg="219" cb="59" align="1" sombra="1" x="390" y="50" z="2" wait="0" opacSombra="23"/>
    <texto str="Las notas: Do grave" x="590" y="100" z="2" tam="60" ca="255" cr="34" cg="139" cb="114" align="2" sombra="1" wait="0" opacSombra="23" fuente="media/fLight.ttf" />
    <texto x="590" y="181" z="2" tam="33" ca="255" cr="3" cg="69" cb="90" sombra="0" align="2" wait="0" 
	   str="Para tocar un Do Grave, es decir, el
		do que está más abajo en la
		partitura, debes cerrar todos
		los orificios de la flauta." />


    <img src="media/lecciones/penta-notaDo.png" x="470" y="350" z="2" wait="0" />
    <img src="media/lecciones/btnVolver.png" x="560" y="520" z="2" wait="0" />
  </elementos>
</Lec>

Se genera la siguiente interfaz:

One Comment leave one →
  1. 29 agosto 2011 16:43

    bla bla

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

A %d blogueros les gusta esto: