En este ejemplo vamos a tratar de hacer una plantilla que incorpore funcionalidades que normalmente necesitamos de partida en nuestra aplicación:
- Poder aprovechar todo el espacio disponible de la ventana.
- Opción de plena pantalla (full-screen)
- No redimensionar el contenido pero ajustar la posición de los elementos del interface al cambiar el tamaño de la ventana,en este caso el supuesto menú, el contenido y el botón "full screen"
- Integrar el código usando la libreria javascript swfobject (standar de facto para la integración de swf en html)
El resultado se puede ver aquí
En resumen estos puntos se traducen en lo siguiente :
- Para aprovechar el espacio sólo tenemos que indicar en el html que el tamaño es 100%x100% en lugar del tamaño en pixels. Además para eliminar el borde y solucionar pequeños problemas con los navegadores he incluido unos estilos css en la propia página.
- Esto se consigue fácilmente mediante la siguiente instrucción
stage.displayState = StageDisplayState.FULL_SCREEN;
- El problema es que en el momento que el usuario cambia el tamaño de la ventana tenemos que reajustar el interface, además de ello la primera vez hay que resituar también los elementos.
- Necesitamos descargar la libreria swfobject e integrarlo en el html. Swfobject es mucho mejor que la opción de publicación por defecto de flash, además de estar mucho mejor documentada.