Flash MX 2004 – Componente ScrollPane I
8 de agosto de 2004 Autor: Andres Cayon Archivado en ArticulosPuedes utilizar un panel de desplazamiento (ScrollPane) para mostrar cualquier contenido que sea m?grande que el ?a en la que se ha cargado. Por ejemplo, una imagen grande que debe mostrarse en un espacio reducido de una aplicaci?
El componente ScrollPane muestra clips de pel?la, archivos JPEG y archivos SWF en un ?a desplazable. Se pueden activar barras de desplazamiento para que muestren im?nes en un ?a limitada. Tambi?es posible mostrar el contenido que se carga desde una ubicaci?ocal o a trav?de Internet. El uso de ActionScript permite definir el contenido del panel de desplazamiento durante la edici? en tiempo de ejecuci?/p>
Utilizar el componente
Veremos tres formas diferentes de utilizar eL componente scrollPane.
El primer paso, com? los tres ejemplos, consiste en crear un clip de pel?la. Una vez hecho esto, procederemos a vincular el objeto movieClip para su exportaci?ara actionScript:
1. Selecciona el clip de pel?la en la biblioteca.
2. Haz clic con el bot?erecho del mouse.
3. En la ventana ‘Propiedades de vinculaci?marca el bot?e opci?strong>‘Exportar para actionScript’.
4. En identificador, escribe clip_mc, este ser?l nombre de instancia que utilizaremos en los siguientes pasos, aceptar.
Ejemplo 1
En este primer ejemplo, todo el proceso se hace en tiempo de dise?
Abre un nuevo documento flash de 350 x 250
1 Abre el panel componentes
2 Haz doble clic sobre el componente ScrollPane para crear una instancia del mismo en el escenario.
3 Con el componente seleccionado, completa los siguientes par?tros del inspector de propiedades:
Ancho: 300
Alto:200
X:25
Y:25
contentPath: clip_mc
5. Prueba la pel?la Ctrl + Intro
6. Guardar
Ejemplo 2
Abre un nuevo documento flash de 350 x 250 y copia el clip de pel?la del ejemplo 1
1. Abre el panel componentes
2. Haz doble clic sobre el componente ScrollPane para crear una instancia del mismo en el escenario.
3. En el inspector de propiedades, en la casilla ‘nombre de instancia’, escribe miScrollPane, esto es todo lo que utilizaremos en este ejemplo el inspector de propiedades, a partir de ahora, usaremos actionScript.
4. Inserta una nueva capa, en nombre de capa escribe ‘acciones’
5. En el primer fotograma clave de la capa acciones, escribe el siguiente c?o actionScript:
miScrollPane.contentPath = “clip_mc”;
miScrollPane.__width = 300;
miScrollPane.__height = 200;
miScrollPane._x = 25;
miScrollPane._y = 25;
6 Prueba la pel?la Ctrl + Intro
7 Guardar
Ejemplo 3
Abre un nuevo documento flash de 350 x 250 y copia el clip de pel?la del ejemplo 1 , en este ejemplo, trabajaremos con actionScript ?amente obteniendo el mismo resultado que en los ejemplos anteriores.
1 Abre el panel componentes.
2. Haz doble clic sobre el componente ScrollPane para crear una instancia del mismo en el escenario.
3. Borra el componente del escenario.
4. En el primer fotograma clave de tu pel?la, escribe el siguiente c?o actionScript:
import mx.containers.ScrollPane;
// —
createClassObject(ScrollPane, “miScrollPane”, this.getNextHighestDepth());
with (miScrollPane) {
move(25, 25);
setSize(300, 200);
contentPath = “clip_mc”;
}
6 Prueba la pel?la Ctrl + Intro
7 Guardar.
Comentarios