4_uso del componente scrollpane
TRANSCRIPT
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
Flash CS3 Curso Práctico
Ejercicio 4
Uso del componente ScrollPane
INTRODUCCIÓN Vamos a realizar un sencillo ejercicio en el que utilizaremos el componente ScrollPane para
visualizar una fotografía.
PREPARACIÓN 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 más o menos complejo o
una imagen en mapa de bits. Para este ejercicio utilizaremos un mapa de bits.
1 Cree un documento nuevo en Flash.
2 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.
1º
º
2º
3º
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
3 Después de haber importado el bitmap en el escenario, selecciónelo y active la
opción Modificar/Convertir en símbolo o pulse la tecla de función [F8].
4 En la ventana que se abrirá asigne un nombre que identifique al nuevo símbolo (por
ejemplo, partenon) y active la casilla Clip de película. ¡No cierre la ventana
todavía!
5 Ahora, en la propia ventana, pulse en el botón Avanzado y verá cómo se amplía la
ventana.
6 En la sección Vinculación active la casilla Exportar para ActionScript y pulse en
Aceptar para cerrar la ventana.
Seleccionar
4
5
6
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
7 Abra la Biblioteca mediante la orden Ventana/Biblioteca o pulse la secuencia de
teclas [Ctrl]+[L], seleccione el clip de película y haga doble clic; dentro del
escenario de este, verifique que el vértice superior izquierdo de ésta coincida con la
crucecita central del clip, sino fuese así, arrastre la imagen hasta que coincida en él.
Con esta operación ya tenemos preparado el contenido que deberá aparecer en el interior
del componente ScrollPane.
Salga del clip de película pulsando la Flecha celeste y trabaje ahora el componente
ScrollPane.
UBICACIÓN DEL COMPONENTE 8 Elimine de la escena el bitmap, ya que ahora se encuentra como clip de película en la
biblioteca y ponga un color de fondo al escenario.
7
Salir del clip
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
9 Active el panel Componentes mediante la opción Ventana/Componentes (o pulse
las teclas [Ctrl] + [F7]), abra la categoría 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 Transformación libre
y modifique su tamaño para que quede más o menos como muestra la figura.
Céntrelo en la escena arrastrándolo con el ratón.
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
Bien con esto ya tenemos ubicado el componente en la escena. Ahora sólo 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 pestaña Parámetros.
13 En la casilla del campo Componente introduzca un nombre de instancia, por
ejemplo: fotografía.
14 Ahora haga clic sobre el parámetro contentPath. Escriba en ese campo el nombre del
clip de película que ha creado antes, es decir, partenon (en este ejercicio). Deje el
resto de parámetros tal como están por defecto.
15 Pulse [Ctrl]+[Enter] para probar la película y verá cómo aparece el panel de
desplazamiento mostrando parte de la imagen. Actúe sobre las barras de
desplazamiento para moverse por la imagen.
12
13 14
FLASH CS3 Ejercicio 04: USO DEL COMPONENTE SCROLLPANE
16 Si desea mover la imagen directamente con el ratón arrastrándola sin necesidad de
utilizar las barras de desplazamiento, seleccione el parámetro scrollDrag y asígnele
el valor true.
16