Cómo desarrollar un navegador de imágenes en línea FLASH MX basado en ASP

El debut de FLASH MX (FLASH6) les da a los flashers otro motivo para desmayarse, pues su nuevo rostro nos emociona.

1. Comencemos con las nuevas funciones de MX.

Después de ingresar a la interfaz de desarrollo de MX, haga clic en Ayuda => Muestras en la barra de menú y se abrirá una página web. Estas muestras en las hojas nos permitirán sentir las nuevas funciones de MX. A continuación, haga clic en el enlace "Característica destacada: Cargar imágenes" en la hoja. Vimos 5 imágenes de vida marina en esta animación (Pasajero A: ¿Y qué si la vimos? La diferencia con el pasado es que estas 5 imágenes no fueron compiladas junto con este archivo swf (Pasajero B: Definitivamente es el externo). swf de "loadMovie", que es raro y extraño), y no se llama el swf externo, sino los 5 archivos de imagen jpg externos de "loadMovie". Es precisamente porque MX ha ampliado el comando "loadMovie" que tengo el honor de escribir este tutorial ^_^.

Abra la ayuda en línea de MX y podrá encontrar la descripción detallada de MX de "loadMovie". La primera oración de la sección "Parámetros", "url La URL absoluta o relativa del archivo SWF o JPEG que se va a cargar es el toque final". Señalado: El "loadMovie" actual no solo puede cargar swf externo, sino también archivos de imagen jpg externos. Hoy en día, cuando las imágenes en formato jpg son muy populares en Internet, debemos decir que es una excelente noticia.

Volvamos atrás y veamos la descripción de MX de este ejemplo de animación "Sea Life": "Este ejemplo demuestra cómo se pueden cargar imágenes desde una unidad o servidor en una película en tiempo de ejecución. No hay imágenes en la biblioteca del archivo fuente para " Esta muestra". Sí, la "loadMovie" de este navegador de imágenes de "vida marina" son todas imágenes jpg de la "unidad" local, y la lista de nombres de archivos de las imágenes jpg se ha definido de antemano.

De esto surge un pequeño problema: si hay un archivo "daliang.jpg" en la lista de nombres de archivo definidos, pero un día, desafortunadamente este archivo desaparece en la "unidad o servidor", cuando se usa "loadMovie" nuevamente, ¿cómo puede Nada puede salir mal, ¿y qué? !:~(, no llores, busquemos una solución juntos :)

(Lurenbing: si se puede generar dinámicamente una lista de nombres de archivos actuales cada vez que se usa "loadMovie", todo estará bien. Daliang: Así es) Siempre Al ejecutar la animación, se puede generar dinámicamente una lista de nombres de archivos de imágenes jpg actuales, lo que puede resolver el problema anterior.

Sin embargo, no es fácil generar dinámicamente una lista de nombres de archivos en la "unidad" local. Sin embargo, también podemos saber por la descripción de esta animación de "Sea Life": "loadMovie" de MX también puede cargar imágenes dinámicamente desde el servidor. lado en un "Chip de película". Entonces, lo pensaremos de nuevo: usando algunos lenguajes del lado del "servidor", podemos generar fácil y dinámicamente una lista de nombres de archivos de imágenes jpg del lado del "servidor".

2. Concepto

En resumen, sabemos que este navegador de imágenes MX se ejecutará en la red y debe haber un programa en segundo plano en el lado del "servidor" que genere dinámicamente una lista de nombres de archivos de imágenes jpg en el lado del "servidor". Estos archivos de imagen jpg también deben colocarse en el lado del "servidor".

Siempre que se ejecuta este navegador de imágenes MX, siempre utilizará el método "loadVariables" para solicitar al SERVIDOR que devuelva una lista de archivos de imágenes actuales en el lado del "servidor", y luego el navegador de imágenes MX puede "cargar Película" estos archivos jpg en secuencia de archivo de imagen.

Elegiremos ASP como soporte de backend porque es muy conveniente usarlo para atravesar los archivos laterales del "servidor".

Para que este tutorial sea fácil de entender, los archivos ASP de fondo y todos los archivos de imagen jpg se colocan en el mismo directorio en el lado del "servidor".

Este es el concepto de todo el programa. A continuación implementaremos el navegador de imágenes MX en detalle.

3. Implementación específica

1. La parte ASP

comienza con el ASP en segundo plano, porque el navegador de imágenes MX que vamos a desarrollar conocerá la lista de archivos jpg del directorio actual en el lado del "servidor" a través de ASP. El siguiente archivo imagebrowse.asp puede realizar la función de generar dinámicamente una lista de nombres de archivos jpg:

<%
 dim strPathInfo,strPhysicalPath
 'Obtiene el nombre de este archivo asp
 strPathInfo = Solicitud.ServerVariables("SCRIPT_NAME")
 'Obtiene la ruta absoluta de este archivo asp en el servidor
 strphysicalpath = server.MapPath(strpathinfo)

Este ASP sólo tiene una docena de oraciones, por lo que es muy simple. Creo que los flasheadores experimentados podrán entender este ASP rápidamente.

Supongamos que el directorio donde se encuentra el archivo ASP contiene dos archivos jpg "one.jpg" y "two.jpg". Si ejecuta este programa ASP solo, en el navegador web, se devolverá la siguiente lista de nombres de archivos:

&image1=. two.jpg&image2=one.jpg&total=2Todo

lo que comienza con "&" es un nombre de variable y "=" va seguido del valor de la variable, porque este es el formato especificado por Flash usando "loadVariables" para leer variables externas.

Se ha completado la parte ASP del fondo. Echemos un vistazo a cómo hacer cosas en FLASH.

la parte FLASH

, primero abra FLASH MX, coloque dos variables de texto dinámico llamadas "texto" y "prueba" en la escena principal, e ingrese la cadena "cargando..." en "prueba" (lo que indica que está leyendo tomar la lista). Entre ellos, "texto" se usa para mostrar el nombre del archivo jpg que se está explorando y "prueba" se usa para mostrar otra información relacionada.

Luego cree una instancia de Movie Chip llamada "imageview" y una instancia de botón llamada "display" en la escena principal. Cada vez que se presiona este botón, la imagen jpg entrante "loadMovie" se mostrará en "imageview".

Luego cree un Movie Chip que consta de 3 cuadros llamado "buscador" en la escena principal. Su función es solicitar al servidor una lista de nombres de archivos de imágenes jpg en el directorio actual. No se detendrá en el segundo cuadro hasta que se obtenga la respuesta. obtenido. Los Action Scripts de estos tres cuadros son:

Action Script del primer cuadro:

//Devuelve la lista de nombres de archivos jpg generados por imagebrowse.asp
 //Completa la ruta del archivo ASP según la situación real
 //Este artículo supone que los archivos ASP y todos los archivos jpg están en el directorio raíz del servidor WEB
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

Action Script del segundo fotograma:

//Si el valor total devuelto no está vacío, entonces... 
si (total<>nulo) { 
     //Muestra en el cuadro de texto "prueba" cuántos archivos jpg hay en el nombre del archivo jpg list_root.test = "total=" add total; 
     //Transfiere estos nombres de archivos jpg a estas variables FLASH que comienzan con "fImage" a su vez for (i=1; i<=total; i++) { 
       set("fImage" agregar i, eval("imagen" agregar i)); 
     } 
     //Detenerse en el fotograma actual stop(); 
}  

Action Script del tercer cuadro:

Cómo controlar la visualización de la imagen

al regresar al segundo cuadro

A continuación, es hora de darle alma al botón "mostrar".

Regrese a la escena principal y agregue el siguiente Action Script al primer fotograma de la escena principal (la escena principal tiene solo un fotograma):

count = 1; 
   //Eventos activados al hacer clic en el botón//(El nuevo método de descripción de eventos de FLASH MX acerca la programación de scripts de MX a la orientación a objetos) 
   _root.display.onPress = función() { 
   //Si el valor de total no está vacío, entonces... 
   //(Es decir: si la lista de nombres de archivos se lee correctamente, entonces...) 
     si (_root.finder.total<>nulo) { 
       //Utiliza el método "loadMovie" para mostrar una imagen jpg en "imageview" loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //Muestra el nombre del archivo de esta imagen jpg en el cuadro de texto "texto"_root.text = eval("_root.finder.fImage" add count); 
       //Mostrar en el cuadro de texto "prueba" en qué archivo se encuentra esta imagen jpg list_root.test = "Number=" add count; 
       //Si se muestra la última imagen de la lista, comience a mostrar la primera imagen de la lista nuevamente if (count<_root.finder.total) { 
         contar++; 
       } demás { 
         contar = 1; 
       } 
     } 
   }; 

Hasta ahora, las cosas en la parte FLASH se han completado. Después de compilar y generar el archivo swf, ¡todo el programa se declara completo!

3. Prueba

Este artículo supone que el archivo ASP y todos los archivos jpg están en el directorio raíz del servidor WEB.

No sé cómo se ejecuta este programa. Probémoslo:

primero coloque algunos archivos de imagen jpg al azar en el directorio raíz del servidor WEB, luego use Flash Player o un navegador web para abrir el archivo swf que acaba de crear y espere hasta que aparezca el botón "cargando" en la "prueba". "cuadro de texto..." Después de que la cadena desaparezca, podemos explorar estas imágenes jpg haciendo clic en el botón "mostrar".

4. Resumen

La nueva tecnología de FLASH MX se puede combinar con algunos programas como ASP para hacer que FLASH sea más deslumbrante.

Después de todo, este artículo es sólo un tutorial. Para que los lectores dominen rápidamente sus conceptos básicos, la función de este navegador de imágenes MX no puede ser más sencilla. Si desea utilizarlo en la práctica, debe realizar algunas mejoras en este programa. Por ejemplo: debido a limitaciones de ancho de banda, cuando "loadMovie" es una imagen grande, debe agregar el programa de precarga de imágenes en FLASH para que el fenómeno de "espera tonta" ya no ocurra cuando aparece "loadMovie" Cuando el tamaño de la imagen; es grande o pequeño, debe agregar un programa que ajuste automáticamente su tamaño; realice las mejoras apropiadas en el programa ASP y las partes FLASH para que no se limiten a explorar el directorio donde se encuentra el archivo "imagebrowse.asp"; Al realizar las mejoras apropiadas en la parte FLASH, puede realizar algunos procesamientos simples en las imágenes provenientes de "loadMovie", como escalado de tamaño, ajuste de color, deformación simple, etc. (Después de la verificación, las ideas anteriores se pueden realizar, pero Daliang es demasiado vago para hacerlo. ¡Todos deben trabajar duro! ¡Trabaja duro! No seas holgazán con Daliang ^_^)

Finalmente, después de leer este artículo, les deseo a todos que creen el navegador de imágenes en línea FLASH MX más deslumbrante de Internet. No olvide contarle a Da Liang sus buenas noticias e ideas.

Bueno, eso es todo, ¡hasta luego!

Debido al nivel limitado de Da Liang, inevitablemente hay algunas omisiones. Los amigos pueden criticarlas y corregirlas.