Fundamentos de la programación de la visualización

Introducción a la programación de la visualización

Cada aplicación creada con ActionScript 3.0 tiene una jerarquía de objetos visualizados, conocida como lista de visualización. La lista de visualización contiene todos los elementos visibles en la aplicación. Los elementos de visualización pertenecen a uno o varios de los siguientes grupos:

El objeto Stage
El objeto Stage es el contenedor base de los objetos de visualización. Cada aplicación tiene un objeto Stage, que contiene todos los objetos de visualización en pantalla. El objeto Stage es el contenedor de nivel superior y se encuentra arriba del todo en la jerarquía de la lista de visualización:

Cada archivo SWF tiene una clase de ActionScript asociada, conocida como la clase principal del archivo SWF. Cuando Flash Player abre un archivo SWF en una página HTML, Flash Player llama a la función constructora de dicha clase y la instancia que se crea (que es siempre un tipo de objeto de visualización) se añade como elemento secundario del objeto Stage. La clase principal de un archivo SWF amplía siempre la clase Sprite (para más información, consulte Ventajas de la utilización de la lista de visualización).

Es posible acceder al objeto Stage a través de la propiedad stage de ninguna instancia de DisplayObject. Para más información, consulte Configuración de las propiedades de Stage.
Objetos de visualización
En ActionScript 3.0, todos los elementos que aparecen en la pantalla de una aplicación son tipos de objetos de visualización. El paquete flash.display incluye una clase DisplayObject, que es una clase base ampliada por otras clases. Estas distintas clases representan tipos diferentes de objetos de visualización, como formas vectoriales, clips de película o campos de texto, entre otros. Para ver información general sobre estas clases, consulte Ventajas de la utilización de la lista de visualización.
Contenedores de objetos de visualización
Los contenedores de objetos de visualización son tipos especiales de objetos de visualización que, además de tener su propia representación visual, pueden contener objetos secundarios que también sean objetos de visualización.

La clase DisplayObjectContainer es una subclase de la clase DisplayObject. Un objeto DisplayObjectContainer puede contener varios objetos de visualización en su lista de elementos secundarios. Por ejemplo, la siguiente ilustración muestra un tipo de objeto DisplayObjectContainer, denominado Sprite, que contiene diversos objetos de visualización:

Cuando se habla de los objetos de visualización, también se hace referencia a los objetos DisplayObjectContainer como contenedores de objetos de visualización o simplemente como contenedores.

Aunque todos los objetos de visualización visibles heredan de la clase DisplayObject, el tipo de cada uno de ellos pertenece a una subclase específica de la clase DisplayObject. Por ejemplo, hay una función constructora para la clase Shape o la clase Video, pero no hay ninguna función constructora para la clase DisplayObject.

Como se ha comentado previamente, el objeto Stage es un contenedor de objeto de visualización.

Tareas comunes de programación de la visualización

Como gran parte de la programación de ActionScript implica crear y manipular elementos visuales, se llevan a cabo numerosas tareas relacionadas con la programación de la visualización. En este capítulo se describen las tareas comunes que se aplican a todos los objetos de visualización:

Trabajar con la lista de visualización y los contenedores de objetos de visualización
- Añadir objetos de visualización a la lista de visualización
- Quitar objetos de la lista de visualización
- Mover objetos entre contenedores de visualización
- Mover objetos delante o detrás de otros objetos
Trabajar con el escenario
- Definir la velocidad de fotogramas
- Controlar el ajuste de escala del escenario
- Trabajar con el modo de pantalla completa
Gestionar eventos de objetos de visualización
Colocar objetos de visualización, incluida la creación de interacción de arrastrar y colocar
Cambiar el tamaño de los objetos de visualización, ajustar su escala y girarlos
Aplicar modos de mezcla, transformaciones de color y transparencia a los objetos de visualización
Enmascarar objetos de visualización
Animar objetos de visualización
Cargar contenido de visualización externo (como archivos SWF o imágenes)

En capítulos posteriores de este manual se describen otras tareas adicionales para trabajar con objetos de visualización. Se trata de tareas que se aplican a cualquier objeto de visualización o de tareas asociadas a determinados tipos de objetos de visualización:

Dibujar gráficos vectoriales con ActionScript en objetos de visualización, que se describe en Utilización de la API de dibujo
Aplicar transformaciones geométricas a objetos de visualización, que se describe en Utilización de la geometría
Aplicar efectos gráficos de filtro (como desenfoque, iluminado o sombra, entre otros) a los objetos de visualización, que se describe en Aplicación de filtros a objetos de visualización
Trabajar con características específicas de MovieClip, que se describe en Utilización de clips de película
Trabajar con objetos TextField, que se describe en Utilización de texto
Trabajar con gráficos de mapa de bits, que se describe en Utilización de mapas de bits
Trabajar con elementos de vídeo, que se describe en Utilización de vídeo

Conceptos y términos importantes

La siguiente lista de referencia contiene términos importantes que se utilizan en este capítulo:

Alfa: valor del color que representa el grado de transparencia (en realidad, el grado de opacidad) de un color. Por ejemplo, un color con un valor de canal alfa de 60% sólo muestra el 60% de su intensidad total y es un 40% transparente.
Gráfico de mapa de bits: gráfico que se define en el equipo como una cuadrícula (filas y columnas) de píxeles de colores. Los gráficos de mapa de bits suelen incluir fotos e imágenes similares.
Modo de mezcla: especificación de cómo debe interactuar el contenido de dos imágenes solapadas. Normalmente, una imagen opaca sobre otra imagen simplemente bloquea la imagen de debajo de forma que no esté visible; no obstante, los distintos modos de mezcla hacen que los colores de las imágenes se mezclen de maneras diferentes, por lo que el contenido resultante es una combinación de las dos imágenes.
Lista de visualización: jerarquía de objetos de visualización que Flash Player representará como contenido visible en pantalla. El escenario es la raíz de la lista de visualización y todos los objetos de visualización asociados al escenario o a uno de sus elementos secundarios constituyen la lista de visualización, aunque el objeto no se represente realmente (por ejemplo, si está fuera de los límites del escenario).
Objeto de visualización: objeto que representa algún tipo de contenido visual en Flash Player. Sólo se pueden incluir objetos de visualización en la lista de visualización y todas las clases de objetos de visualización son subclases de la clase DisplayObject.
Contenedor de objeto de visualización: tipo especial de objeto de visualización que puede contener objetos de visualización secundarios además de tener (generalmente) su propia representación visual.
Clase principal del archivo SWF: clase que define el comportamiento del objeto de visualización más exterior en un archivo SWF, que conceptualmente es la clase para el mismo archivo SWF. Por ejemplo, un archivo SWF creado mediante edición en Flash tiene una "línea de tiempo principal" que contiene todas las demás líneas de tiempo; la clase principal del archivo SWF es la clase de la que la línea de tiempo principal es una instancia.
Enmascaramiento: técnica para ocultar determinadas partes de una imagen (o a la inversa, para permitir la visualización de sólo partes determinadas de una imagen). Las partes ocultas de la imagen pasan a ser transparentes, por lo que se puede ver el contenido de debajo. El término en inglés ("masking") está relacionado con la cinta de pintor ("masking tape") que se aplica para evitar pintar donde no hay que pintar.
Escenario: contenedor visual que constituye la base o el fondo de todo el contenido visual de un archivo SWF.
Transformación: ajuste de una característica visual de un gráfico, como girar el objeto, modificar su escala, sesgar o distorsionar su forma, o bien modificar su color.
Gráfico vectorial: gráfico definido en el equipo como líneas y formas dibujadas con características específicas (como grosor, longitud, tamaño, ángulo y posición).

Ejecución de los ejemplos del capítulo

A medida que progresa en el estudio del capítulo, es posible que desee probar algunos de los listados de código. Como este capítulo se centra en crear y manipular contenido visual, prácticamente todos los listados de código crean objetos visuales y los muestran en pantalla; para probar los ejemplos hay que ver el resultado en Flash Player, en lugar de ver los valores de las variables como en los capítulos anteriores. Para probar los listados de código de este capítulo:

Cree un documento de Flash vacío.
Seleccione un fotograma clave en la línea de tiempo.
Abra el panel Acciones y copie el listado de código en el panel Script.
Ejecute el programa seleccionando Control > Probar película.
Verá los resultados del código en la pantalla y las llamadas a la función trace() se mostrarán en el panel Salida.

Las técnicas para probar listados de código de ejemplo se explican de forma más detallada en Prueba de los listados de código de ejemplo del capítulo.

Flash CS3

Enviarme un mensaje de correo electrónico cuando se añadan comentarios a esta página | Informe de comentarios

Página actual: http://livedocs.adobe.com/flash/9.0_es/main/00000142.html