Comment développer un navigateur d'images en ligne FLASH MX basé sur ASP

Les débuts de FLASH MX (FLASH6) donnent aux flashers une autre raison de s'évanouir, car son nouveau visage nous excite.

1. Commençons par les nouvelles fonctions de MX.

Après être entré dans l'interface de développement MX, cliquez sur Aide => Exemples dans la barre de menu, et une page Web s'ouvrira. Ces exemples dans les feuilles peuvent nous permettre de ressentir les nouvelles fonctions de MX. Ensuite, cliquez sur le lien « Fonctionnalité phare : Charger des images » dans la feuille. Nous avons vu 5 images de la vie marine dans cette animation (Passager A : Et si nous la voyions ? La différence avec le passé est que ces 5 images n'ont pas été compilées avec ce fichier swf (Passager B : Certainement, c'est l'externe). swf de "loadMovie", ce qui est rare et étrange), et ce n'est pas le swf externe appelé, mais les 5 fichiers image jpg externes de "loadMovie". C'est précisément parce que MX a étendu la commande "loadMovie" que j'ai l'honneur d'écrire ce tutoriel ^_^.

Ouvrez l'aide en ligne de MX et vous trouverez la description détaillée de "loadMovie" par MX. La première phrase de la section "Paramètres", "url L'URL absolue ou relative du fichier SWF ou JPEG à charger est la touche finale. Souligné : Le "loadMovie" actuel peut non seulement charger des fichiers swf externes, mais également charger des fichiers image jpg externes. Aujourd’hui, alors que les images au format jpg sont très populaires sur Internet, il faut dire que c’est une excellente nouvelle.

Revenons en arrière et regardons la description par MX de cet exemple d'animation « Sea Life » : « Cet exemple montre comment vous pouvez charger des images d'un lecteur ou d'un serveur dans un film au moment de l'exécution. Il n'y a aucune image dans la bibliothèque du fichier source pour " Cet échantillon." Oui, les "loadMovie" de ce navigateur d'images "vie marine" sont toutes des images jpg du "lecteur" local, et la liste des noms de fichiers des images jpg a été définie à l'avance.

Un petit problème surgit de ceci : S'il y a un fichier "daliang.jpg" dans la liste des noms de fichiers définis, mais qu'un jour, ce fichier disparaît malheureusement dans le "lecteur ou serveur", lorsque "loadMovie" est à nouveau utilisé, comment peut-il Rien ne peut aller mal, et alors ? !:~(, ne pleure pas, trouvons une solution ensemble :)

(Lurenbing : Si une liste de noms de fichiers actuelle peut être générée dynamiquement à chaque fois que "loadMovie" est utilisé, tout ira bien. Daliang : C'est vrai) À chaque fois Lors de l'exécution d'une animation, une liste des noms de fichiers image jpg actuels peut être générée dynamiquement, ce qui peut résoudre le problème ci-dessus.

Cependant, il n'est pas facile de générer dynamiquement une liste de noms de fichiers dans le "drive" local. Cependant, nous pouvons également le savoir grâce à la description de cette animation "Sea Life": "loadMovie" de MX peut également charger dynamiquement des images depuis le serveur. côté dans un "Movie Chip". Nous y réfléchirons donc à nouveau : en utilisant certains langages côté "serveur", nous pouvons facilement et dynamiquement générer une liste de noms de fichiers image jpg côté "serveur".

2. Concept

En résumé, nous savons que ce navigateur d'images MX fonctionnera sur le réseau, et qu'il doit y avoir un programme en arrière-plan côté "serveur" qui génère dynamiquement une liste de noms de fichiers image jpg côté "serveur". ces fichiers images jpg doivent également être placés côté « serveur ».

Chaque fois que ce navigateur d'images MX est exécuté, il utilisera toujours la méthode "loadVariables" pour demander au SERVEUR de renvoyer une liste des fichiers image actuels du côté "serveur", puis le navigateur d'images MX pourra "loadMovie" ces fichiers jpg dans séquence.

Nous choisirons ASP comme support backend car il est très pratique de l'utiliser pour parcourir les fichiers côté "serveur".

Afin de rendre ce tutoriel facile à comprendre, les fichiers ASP d'arrière-plan et tous les fichiers image jpg sont placés dans le même répertoire côté "serveur".

C'est le concept de l'ensemble du programme. Ci-dessous, nous allons implémenter le navigateur d'images MX en détail.

3. Implémentation spécifique

1. La partie ASP

commence avec l'ASP en arrière-plan, car le navigateur d'images MX que nous allons développer connaîtra la liste des fichiers jpg du répertoire courant côté "serveur" via ASP. Le fichier imagebrowse.asp suivant peut réaliser la fonction de génération dynamique d'une liste de noms de fichiers jpg :

<%
 faible strPathInfo, strPhysicalPath
 'Obtenir le nom de fichier de ce fichier asp
 strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 'Obtenir le chemin absolu de ce fichier asp sur le serveur
 strphysicalpath = server.MapPath (strpathinfo)

Cet ASP ne contient qu'une douzaine de phrases, c'est donc très simple. Je pense que les flasheurs expérimentés seront capables de comprendre cet ASP rapidement.

Supposons que le répertoire où se trouve le fichier ASP contient deux fichiers jpg « one.jpg » et « two.jpg ». Si vous exécutez ce programme ASP seul, dans le navigateur Web, la liste de noms de fichiers suivante sera renvoyée :

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

ce qui commence par "&" est un nom de variable et "=" est suivi de la valeur de la variable, car il s'agit du format spécifié par Flash à l'aide de "loadVariables" pour lire les variables externes.

La partie ASP de l'arrière-plan est terminée. Voyons comment créer des choses en FLASH.

la partie FLASH

, ouvrez d'abord FLASH MX, placez deux variables Dynamic Text nommées "text" et "test" dans la scène principale, et entrez la chaîne "loading..." dans "test" (indiquant qu'elle est en train de lire prends la liste). Parmi eux, « texte » est utilisé pour afficher le nom du fichier jpg en cours de navigation, et « test » est utilisé pour afficher d'autres informations connexes.

Créez ensuite une instance de Movie Chip nommée "imageview" et une instance de bouton nommée "display" dans la scène principale. Chaque fois que vous appuyez sur ce bouton, l'image jpg entrante "loadMovie" sera affichée dans "imageview".

Créez ensuite un Movie Chip composé de 3 images nommées "finder" dans la scène principale. Sa fonction est de demander au serveur une liste de noms de fichiers image jpg dans le répertoire actuel. Il ne s'arrêtera pas à la deuxième image jusqu'à ce que la réponse soit. obtenu. Les Scripts d'Action de ces trois frames sont :

Script d'Action de la première frame :

//Renvoie la liste des noms de fichiers jpg générés par imagebrowse.asp
 //Remplissez le chemin du fichier ASP en fonction de la situation réelle
 //Cet article suppose que les fichiers ASP et tous les fichiers jpg se trouvent dans le répertoire racine du serveur WEB
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

Script d'action de la deuxième image :

//Si la valeur totale renvoyée n'est pas vide, alors... 
si (total <> nul) { 
     //Affiche dans la zone de texte "test" combien de fichiers jpg il y a dans le nom de fichier jpg list_root.test = "total=" add total; 
     //Transférez tour à tour ces noms de fichiers jpg vers ces variables FLASH commençant par "fImage" pour (i=1; i<=total; i++) { 
       set("fImage" ajouter i, eval("image" ajouter i)); 
     } 
     //Arrêtez-vous au frame stop actuel(); 
}  

Action Script de la troisième image :

Comment contrôler l'affichage de l'image

lors du retour à la deuxième image

Ensuite, il est temps de donner une âme au bouton « affichage ».

Revenez à la scène principale et ajoutez le script d'action suivant à la première image de la scène principale (la scène principale n'a qu'une seule image) :

count = 1; 
   //Événements déclenchés en cliquant sur le bouton//(La nouvelle méthode de description d'événement de FLASH MX rend la programmation de script de MX plus proche de l'orientation objet) 
   _root.display.onPress = fonction() { 
   //Si la valeur du total n'est pas vide, alors... 
   //(C'est-à-dire : si la liste des noms de fichiers est lue avec succès, alors...) 
     si (_root.finder.total<>null) { 
       //Utilisez la méthode "loadMovie" pour afficher une image jpg dans "imageview" loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //Affiche le nom de fichier de cette image jpg dans le texte "text" box_root.text = eval("_root.finder.fImage" add count); 
       //Afficher dans la zone de texte "test" dans quel fichier cette image jpg se trouve dans list_root.test = "Number=" add count; 
       //Si la dernière image de la liste est affichée, recommencez à afficher la première image de la liste if (count<_root.finder.total) { 
         compte++; 
       } autre { 
         compte = 1 ; 
       } 
     } 
   } ; 

Jusqu'à présent, les éléments de la partie FLASH sont terminés. Après la compilation et la sortie du fichier swf, l'ensemble du programme est déclaré terminé !

3. Test

Cet article suppose que le fichier ASP et tous les fichiers jpg se trouvent dans le répertoire racine du serveur WEB.

Je ne sais pas comment fonctionne ce programme ? Testons-le :

placez d'abord quelques fichiers image jpg au hasard dans le répertoire racine du serveur WEB, puis utilisez Flash Player ou un navigateur web pour ouvrir le fichier swf que vous venez de créer, et attendez que le bouton "loading" apparaisse dans la fenêtre "test". " zone de texte...." Après la disparition de la chaîne, nous pouvons parcourir ces images jpg en cliquant sur le bouton "afficher".

4. Résumé

La nouvelle technologie de FLASH MX peut être combinée avec certains programmes comme ASP pour rendre FLASH plus éblouissant.

Cet article n’est qu’un tutoriel après tout. Afin que les lecteurs en maîtrisent rapidement l'essentiel, la fonction de ce navigateur d'images MX ne peut pas être plus simple. Si vous souhaitez l'utiliser dans la pratique, vous devez apporter quelques améliorations à ce programme. Par exemple : en raison des limitations de bande passante, lorsque « loadMovie » est une grande image, vous devez ajouter le programme de préchargement d'image dans FLASH afin que le phénomène « d'attente idiote » ne se produise plus lorsque « loadMovie » entre en fonction de la taille de l'image ; est grand ou petit, vous devez ajouter un programme qui ajuste automatiquement sa taille ; apporter les améliorations appropriées au programme ASP et aux parties FLASH afin qu'ils ne se limitent pas à parcourir le répertoire où se trouve le fichier "imagebrowse.asp" ; en apportant les améliorations appropriées à la partie FLASH, il peut effectuer un traitement simple sur les images provenant de "loadMovie", comme une mise à l'échelle de la taille, un ajustement des couleurs, une simple déformation, etc. (Après vérification, les idées ci-dessus peuvent être réalisées, mais Daliang est trop paresseux pour le faire. Tout le monde doit travailler dur ! Travaillez dur ! Ne soyez pas paresseux avec Daliang^_^)

Enfin, après avoir lu cet article, je vous souhaite à tous de créer le navigateur d'images en ligne FLASH MX le plus éblouissant sur Internet. N'oubliez pas de partager avec Da Liang vos bonnes nouvelles et vos idées.

Bon, c'est tout, à plus tard !

En raison du niveau limité de Da Liang, il y a inévitablement quelques omissions. Les amis sont invités à les critiquer et à les corriger.