Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/04/2010, 19:16
Avatar de Drakerz
Drakerz
 
Fecha de Ingreso: marzo-2010
Mensajes: 182
Antigüedad: 14 años, 8 meses
Puntos: 12
Aporte Scroll de imágenes

Componente ScrollPane

Si le prestan atención al tutorial verán que es similar a uno de mis otros aportes: Aporte Scroll de texto personalizado. (Es similar en algunos puntos del tutorial) La diferencia que este es un tutorial de Scroll pero de Imágenes.

Podemos crear scroll de imágenes. Flash nos proporciona el componente ScollPane, que permite mostrar miniaturas de imágenes y asociarlas a imágenes más grandes para poder apreciarlas con más detalles.

Para trabajar con este componente, importaremos, imágenes pequeñas, en este caso dichas imágenes le colocaremos un tamaño de 100 x 100.

Convertimos cada imagen en botón (F8 Botón).

Las alineamos, las seleccionamos a todas y las convertimos en Clip de película F8 Clip de película. Con registro ene. Ángulo superior izquierdo y nombre DVD. Sin cerrar este cuadro de diálogo, hacemos clic en el botón avanzadas y activamos Exportar para ActionScript).

Una vez hecho esto, ya no necesitamos el clip en el escenario, por lo tanto lo podemos borrar, ya que se encuentra en la biblioteca.

Ahora tenemos que crear una película para cada una de las imágenes grandes, Archivo Nuevo, colocamos un tamaño de 500 x 500 e importaremos las mismas imágenes usadas en la primer parte del tutorial solo que esta vez Serán Grandes. Debemos crear tantas películas como botones tengamos en nuestro clip de película. Para cada imagen que importamos debemos guardar y luego exportar la película correspondiente, mediante Archivo Exportar Película. Es fundamental que todas las películas estén en la misma carpeta.

Abrimos la biblioteca, seleccionamos nuestro clip de película, hacemos clic derecho y seleccionamos Edición, seleccionamos cada uno de los botones y colocamos el siguiente código:
Código:
on (press) {
	loadMovieNum("archivo.swf", 1);
}
Recuerden remplazar “archivo.swf” por el nombre de cada una de las películas. (En mi caso yo escogí ponerles imagen1, imagen 2 Exc.)

A la película original le cambiamos el tamaño y le ponemos 500 x 600, vamos al panel de componentes y arrastramos el elemento ScrollPane a nuestro escenario, colocándolo en la parte inferior.

Vamos a cambiarle el tamaño a este elemento colocándole por ejemplo 200 x 120. Las demás propiedades deben quedar con los siguientes valores:




Guardamos nuestro archivo en la misma carpeta donde exportamos las películas anteriores y lo probamos.

Extras: este fue mi 6 aporte espero que les aya gustado

Drakerz

Última edición por Drakerz; 05/04/2010 a las 20:21