Building Adobe AIR Applications

CREACIÓN DE APLICACIONES DE ADOBE AIR
Desarrollo de aplicaciones de AIR para dispositivos de televisión
El área de visualización segura siempre se debe tener en cuenta al diseñar una aplicación de AIR para TV de pantalla
completa:
Utilice toda la pantalla para los fondos como, por ejemplo, colores o imágenes de fondo.
Use únicamente el área de visualización segura para elementos fundamentales de la aplicación como, por ejemplo,
texto, gráficos, vídeo y elementos de la interfaz de usuario como, por ejemplo, botones.
En la siguiente tabla se muestran las dimensiones del área de visualización segura para cada una de las resoluciones
típicas de pantalla, utilizando una inserción del 7,5%.
Resolución de
pantalla
Anchura y altura del
área de visualización
segura
Sin embargo, una práctica mejor consiste en calcular siempre dinámicamente el área de visualización segura. Por
ejemplo:
var horizontalInset, verticalInset, safeAreaWidth, safeAreaHeight:int;
horizontalInset = .075 * Capabilities.screenResolutionX;
verticalInset = .075 * Capabilities.screenResolutionY;
safeAreaWidth = Capabilities.screenResolutionX - (2 * horizontalInset);
safeAreaHeight = Capabilities.screenResolutionY - (2 * verticalInset);
Modo de escala del escenario
Establezca Stage.scaleMode en StageScaleMode.NO_SCALE, y detecte los eventos de cambio de tamaño del
escenario.
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE, layoutHandler);
Esta configuración hace que que las coordenadas del escenario sean las mismas que las coordenadas de píxel. Junto
con el estado de visualización FULL_SCREEN_INTERACTIVE y la alineación del escenario TOP_LEFT, esta configuración
permite utilizar con eficacia el área de visualización segura.
Concretamente, en las aplicaciones de pantalla completa, este modo de escala significa que las propiedades
stageWidth y stageHeight de la clase Stage se corresponden con las propiedades screenResolutionX y
screenResolutionY de la clase Capabilities.
Asimismo, cuando la ventana de la aplicación cambia de tamaño, el contenido del escenario conserva su tamaño
definido. El motor de ejecución no realiza escala ni diseño automáticos. Asimismo, el motor de ejecución distribuye el
evento resize de la clase Stage cuando la ventana cambia el tamaño. Por lo tanto, se tiene el control total sobre cómo
ajustar el contenido de la aplicación cuando ésta comienza y cuando la ventana de la aplicación cambia de tamaño.
Nota: el comportamiento de NO_SCALE es el mismo que con cualquier aplicación de AIR. Sin embargo, en las aplicaciones
de AIR para TV, el uso de esta configuración resulta fundamental en el uso del área de visualización segura.
Alineación del escenario
Establezca Stage.align en StageAlign.TOP_LEFT:
stage.align = StageAlign.TOP_LEFT;
Anchura de la
inserción izquierda y
derecha
960 x 540 816 x 460 72 40
1280 x 720 1088 x 612 96 54
1920 x 1080 1632 x 918 144 81
Altura de la inserción
superior e inferior
Última modificación 30/10/2012
132