FLASH CS3

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

Flash CS3 Curso Prctico

Ejercicio

Uso del componente ScrollPane

INTRODUCCIN
Vamos a realizar un sencillo ejercicio en el que utilizaremos el componente ScrollPane para visualizar una fotografa.

PREPARACIN DEL CONTENIDO DEL COMPONENTE

Lo primero que hay que hacer es crear o importar lo que queremos que aparezca en el interior del panel de desplazamiento. Puede ser un dibujo ms o menos complejo o una imagen en mapa de bits. Para este ejercicio utilizaremos un mapa de bits. 1 2 Cree un documento nuevo en Flash. Mediante la orden Archivo/Importar/Importar a escenario importe el bitmap (ejemplo grecia.jpg) que se guardado previamente en una carpeta creada para el ejercicio.

 FLASH CS3
3

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

Despus de haber importado el bitmap en el escenario, seleccinelo y active la opcin Modificar/Convertir en smbolo o pulse la tecla de funcin [F8].

Seleccionar

En la ventana que se abrir asigne un nombre que identifique al nuevo smbolo (por ejemplo, partenon) y active la casilla Clip de pelcula. No cierre la ventana todava! Ahora, en la propia ventana, pulse en el botn Avanzado y ver cmo se ampla la ventana. En la seccin Vinculacin active la casilla Exportar para ActionScript y pulse en Aceptar para cerrar la ventana.

5 6

 FLASH CS3
7

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

Abra la Biblioteca mediante la orden Ventana/Biblioteca o pulse la secuencia de teclas [Ctrl]+[L], seleccione el clip de pelcula y haga doble clic; dentro del escenario de este, verifique que el vrtice superior izquierdo de sta coincida con la crucecita central del clip, sino fuese as, arrastre la imagen hasta que coincida en l.

Con esta operacin ya tenemos preparado el contenido que deber aparecer en el interior del componente ScrollPane. Salga del clip de pelcula pulsando la Flecha celeste y trabaje ahora el componente ScrollPane.

Salir del clip

UBICACIN DEL COMPONENTE

8 Elimine de la escena el bitmap, ya que ahora se encuentra como clip de pelcula en la biblioteca y ponga un color de fondo al escenario.

 FLASH CS3
9

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

Active el panel Componentes mediante la opcin Ventana/Componentes (o pulse las teclas [ Ctrl] + [F7] ), abra la categora User Interface .

10 Busque, seleccione y arrastre a la escena el componente ScrollPane .

DIMENSIONADO DEL COMPONENTE

11 Ahora, con el componente seleccionado active la herramienta Transformacin libre y modifique su tamao para que quede ms o menos como muestra la figura. Cntrelo en la escena arrastrndolo con el ratn.

 FLASH CS3

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

Bien con esto ya tenemos ubicado el componente en la escena. Ahora slo falta decirle qu es lo que queremos que aparezca dentro.

PARAMETRIZADO DEL COMPONENTE

12 Seleccione el componente y abra el panel Propiedades ([Ctrl] + [F3]) y seleccione la pestaa Parmetros . 13 En la casilla del campo Componente introduzca un nombre de instancia, por ejemplo: fotografa . 14 Ahora haga clic sobre el parmetro contentPath. Escriba en ese campo el nombre del clip de pelcula que ha creado antes, es decir, partenon (en este ejercicio). Deje el resto de parmetros tal como estn por defecto.

12

14 13

15 Pulse [Ctrl]+[Enter] para probar la pelcula y ver cmo aparece el panel de desplazamiento mostrando parte de la imagen. Acte sobre las barras de desplazamiento para moverse por la imagen.

 FLASH CS3

Ejercicio 04: USO DEL COMPONENTE SCROLLPANE

16 Si desea mover la imagen directamente con el ratn arrastrndola sin necesidad de utilizar las barras de desplazamiento, seleccione el parmetro scrollDrag y asgnele el valor true.

16