So entwickeln Sie einen ASP-basierten FLASH MX-Online-Bildbrowser

Das Debüt von FLASH MX (FLASH6) gibt Flashern einen weiteren Grund zur Ohnmacht, denn ihr neues Gesicht macht uns aufgeregt.

1. Beginnen wir mit den neuen Funktionen von MX.

Nachdem Sie die MX-Entwicklungsoberfläche aufgerufen haben, klicken Sie in der Menüleiste auf Hilfe => Beispiele. In den Blättern wird eine Webseite geöffnet, auf der wir die neuen Funktionen von MX kennenlernen können. Klicken Sie anschließend im Blatt auf den Link „Feature-Highlight: Bilder laden“. Wir haben in dieser Animation 5 Bilder von Meereslebewesen gesehen (Passagier A: Was wäre, wenn wir es sehen würden? Der Unterschied zur Vergangenheit besteht darin, dass diese 5 Bilder nicht zusammen mit dieser SWF-Datei zusammengestellt wurden (Passagier B: Auf jeden Fall ist es das Äußere.) swf von „loadMovie“, was selten und seltsam vorkommt), und es handelt sich nicht um die aufgerufene externe SWF-Datei, sondern um die 5 externen JPG-Bilddateien von „loadMovie“. Gerade weil MX den Befehl „loadMovie“ erweitert hat, habe ich die Ehre, dieses Tutorial zu schreiben ^_^.

Öffnen Sie die Online-Hilfe von MX und Sie finden die detaillierte Beschreibung von MX zu „loadMovie“. Der erste Satz des Abschnitts „Parameter“ lautet: „URL Die absolute oder relative URL der zu ladenden SWF-Datei oder JPEG-Datei“. Hervorgehoben: Das aktuelle „loadMovie“ kann nicht nur externe SWF-Dateien, sondern auch externe JPG-Bilddateien laden. Heutzutage, da Bilder im JPG-Format im Internet sehr beliebt sind, müssen wir sagen, dass dies eine hervorragende Nachricht ist.

Schauen wir uns noch einmal die Beschreibung dieses „Sea Life“-Animationsbeispiels von MX an: „Dieses Beispiel zeigt, wie Sie zur Laufzeit Bilder von einem Laufwerk oder Server in einen Film laden können. Es gibt keine Bilder in der Bibliothek der Quelldatei für“ Dieses Beispiel.“ Ja, der „loadMovie“ dieses „Marine Life“-Bildbrowsers sind alle JPG-Bilder des lokalen „Laufwerks“, und die Dateinamenliste der JPG-Bilder wurde im Voraus definiert.

Daraus ergibt sich ein kleines Problem: Wenn es in der definierten Dateinamenliste eine Datei „daliang.jpg“ gibt, diese Datei aber eines Tages leider im „Laufwerk oder Server“ verschwindet, wenn „loadMovie“ erneut verwendet wird, wie kann das sein? Es kann nichts schief gehen, na und? !:~(, weine nicht, lass uns gemeinsam eine Lösung finden :)

(Lurenbing: Wenn bei jeder Verwendung von „loadMovie“ eine aktuelle Dateinamenliste dynamisch generiert werden kann, ist alles in Ordnung. Daliang: Das stimmt) Jedes Mal Beim Ausführen einer Animation kann dynamisch eine Liste der aktuellen JPG-Bilddateinamen generiert werden, wodurch das oben genannte Problem gelöst werden kann.

Es ist jedoch nicht einfach, eine Liste von Dateinamen im lokalen „Laufwerk“ zu generieren. Aus der Beschreibung dieser „Sea Life“-Animation können wir jedoch auch erkennen: „loadMovie“ von MX kann auch Bilder dynamisch vom Server laden Seite in einen „Movie Chip“. Also denken wir noch einmal darüber nach: Mit einigen „server“-seitigen Sprachen können wir einfach und dynamisch eine „server“-seitige JPG-Bilddateinamensliste generieren.

2. Konzept

Zusammenfassend wissen wir, dass dieser MX-Bildbrowser im Netzwerk ausgeführt wird und auf der „Server“-Seite ein Hintergrundprogramm vorhanden sein muss, das dynamisch eine Liste mit JPG-Bilddateinamen generiert. Diese JPG-Bilddateien müssen ebenfalls auf der „Server“-Seite platziert werden.

Wann immer dieser MX-Bildbrowser ausgeführt wird, verwendet er immer die Methode „loadVariables“, um den SERVER aufzufordern, eine Liste der aktuellen Bilddateien auf der „Server“-Seite zurückzugeben, und dann kann der MX-Bildbrowser diese JPG-Dateien in „loadMovie“ laden Sequenz. Bilddatei.

Wir werden ASP als Backend-Unterstützung wählen, da es sehr praktisch ist, es zum Durchlaufen der „server“-seitigen Dateien zu verwenden.

Um das Verständnis dieses Tutorials zu erleichtern, werden die Hintergrund-ASP-Dateien und alle JPG-Bilddateien im selben Verzeichnis auf der „Server“-Seite abgelegt.

Dies ist das Konzept des gesamten Programms. Im Folgenden werden wir den MX-Bildbrowser im Detail implementieren.

3. Spezifische Implementierung

1. Der ASP-Teil

beginnt mit dem ASP im Hintergrund, da der MX-Bildbrowser, den wir entwickeln werden, über ASP die JPG-Dateiliste des aktuellen Verzeichnisses auf der „Server“-Seite kennt. Die folgende Datei imagebrowse.asp kann die Funktion der dynamischen Generierung einer Liste von JPG-Dateinamen realisieren:

<%
 dim strPathInfo,strPhysicalPath
 'Ermitteln Sie den Dateinamen dieser ASP-Datei
 strPathInfo = Request.ServerVariables("SCRIPT_NAME")
 'Ermitteln Sie den absoluten Pfad dieser ASP-Datei auf dem Server
 strphysicalpath = server.MapPath(strpathinfo)

Dieser ASP hat nur etwa ein Dutzend Sätze und ist daher sehr einfach. Ich glaube, dass erfahrene Flasher dieses ASP schnell verstehen werden.

Gehen Sie davon aus, dass das Verzeichnis, in dem sich die ASP-Datei befindet, zwei JPG-Dateien „one.jpg“ und „two.jpg“ enthält. Wenn Sie dieses ASP-Programm alleine im Webbrowser ausführen, wird die folgende Dateinamenliste zurückgegeben:

&image1= two.jpg&image2=one.jpg&total=2Alles,

was mit „&“ beginnt, ist ein Variablenname, und auf „=“ folgt der Wert der Variablen, da dies das von Flash angegebene Format ist, das „loadVariables“ zum Lesen externer Variablen verwendet.

Der ASP-Teil des Hintergrunds wurde fertiggestellt. Werfen wir einen Blick darauf, wie man Dinge in FLASH erstellt.

FLASH-Teil

zunächst FLASH MX, platzieren Sie zwei dynamische Textvariablen mit den Namen „text“ und „test“ in der Hauptszene und geben Sie die Zeichenfolge „loading...“ in „test“ ein (was anzeigt, dass gelesen wird). nimm die Liste). Unter anderem wird „Text“ verwendet, um den Namen der durchsuchten JPG-Datei anzuzeigen, und „Test“ wird verwendet, um einige andere verwandte Informationen anzuzeigen.

Erstellen Sie dann eine Movie Chip-Instanz mit dem Namen „imageview“ und eine Schaltflächeninstanz mit dem Namen „display“ in der Hauptszene. Jedes Mal, wenn diese Schaltfläche gedrückt wird, wird das eingehende JPG-Bild „loadMovie“ in „imageview“ angezeigt.

Erstellen Sie dann in der Hauptszene einen Movie Chip, der aus 3 Bildern mit dem Namen „finder“ besteht. Seine Funktion besteht darin, den Server nach einer Liste der JPG-Bilddateinamen im aktuellen Verzeichnis zu fragen. Er wird erst beim zweiten Bild anhalten erhalten. Die Aktionsskripte dieser drei Frames sind:

Aktionsskript des ersten Frames:

//Gibt die Liste der von imagebrowse.asp generierten JPG-Dateinamen zurück
 // Geben Sie den Pfad der ASP-Datei entsprechend der tatsächlichen Situation ein
 //In diesem Artikel wird davon ausgegangen, dass sich ASP-Dateien und alle JPG-Dateien im Stammverzeichnis des WEB-Servers befinden
 loadVariables("http://127.0.0.1/imagebrowse.asp", "");

Aktionsskript des zweiten Frames:

//Wenn der zurückgegebene Gesamtwert nicht leer ist, dann... 
if (total<>null) { 
     //Zeigen Sie im Textfeld „test“ an, wie viele JPG-Dateien sich im JPG-Dateinamen befinden list_root.test = „total=" add total; 
     //Übertragen Sie diese JPG-Dateinamen nacheinander auf diese FLASH-Variablen, beginnend mit „fImage“ für (i=1; i<=total; i++) { 
       set("fImage" add i, eval("image" add i)); 
     } 
     //Beim aktuellen Frame stoppen stop(); 
}  

Aktionsskript des dritten Frames:

Wie steuere ich die Anzeige des Bildes

bei der Rückkehr zum zweiten Frame

Als nächstes ist es an der Zeit, dem „Anzeige“-Button eine Seele zu geben.

Kehren Sie zur Hauptszene zurück und fügen Sie das folgende Action-Skript zum ersten Frame der Hauptszene hinzu (die Hauptszene hat nur einen Frame):

count = 1; 
   //Ereignisse, die durch Klicken auf die Schaltfläche ausgelöst werden//(Die neue Ereignisbeschreibungsmethode von FLASH MX macht die Skriptprogrammierung von MX näher an der Objektorientierung) 
   _root.display.onPress = function() { 
   //Wenn der Wert von total nicht leer ist, dann... 
   //(Das heißt: Wenn die Dateinamenliste erfolgreich gelesen wurde, dann...) 
     if (_root.finder.total<>null) { 
       //Verwenden Sie die Methode „loadMovie“, um ein JPG-Bild in „imageview“ anzuzeigen. loadMovie(eval("_root.finder.fImage" add count), _root.imageview); 
       //Den Dateinamen dieses JPG-Bildes im Textfeld „Text“ anzeigen_root.text = eval("_root.finder.fImage" add count); 
       //Im Textfeld „test“ anzeigen, in welcher Datei sich dieses JPG-Bild befindet list_root.test = „Number=" add count; 
       //Wenn das letzte Bild in der Liste angezeigt wird, beginnen Sie erneut mit der Anzeige des ersten Bildes in der Liste if (count<_root.finder.total) { 
         count++; 
       } anders { 
         Anzahl = 1; 
       } 
     } 
   }; 

Bisher sind die Dinge im FLASH-Teil abgeschlossen. Nach dem Kompilieren und Ausgeben der SWF-Datei wird das gesamte Programm für vollständig erklärt!

3. Test

In diesem Artikel wird davon ausgegangen, dass sich die ASP-Datei und alle JPG-Dateien im Stammverzeichnis des WEB-Servers befinden.

Ich weiß nicht, wie dieses Programm ausgeführt wird. Testen wir es:

Legen Sie zunächst einige JPG-Bilddateien nach dem Zufallsprinzip im Stammverzeichnis des WEB-Servers ab, öffnen Sie dann mit Flash Player oder einem Webbrowser die soeben erstellte SWF-Datei und warten Sie, bis die Schaltfläche „Laden“ im Fenster „Test“ angezeigt wird „Textfeld. ...“ Nachdem die Zeichenfolge verschwunden ist, können wir diese JPG-Bilder durchsuchen, indem wir auf die Schaltfläche „Anzeigen“ klicken.

4. Zusammenfassung

Die neue Technologie von FLASH MX kann mit einigen Programmen wie ASP kombiniert werden, um FLASH noch brillanter zu machen.

Dieser Artikel ist schließlich nur ein Tutorial. Damit die Leser das Wesentliche schnell beherrschen, kann die Funktion dieses MX-Bildbrowsers nicht einfacher sein. Wenn Sie es in der Praxis nutzen möchten, müssen Sie einige Verbesserungen an diesem Programm vornehmen. Beispiel: Aufgrund von Bandbreitenbeschränkungen müssen Sie beim „loadMovie“ ein Bild-Preloader-Programm in FLASH hinzufügen, damit das Phänomen des „albernen Wartens“ nicht mehr auftritt, wenn „loadMovie“ eingeht ist groß oder klein, Sie müssen ein Programm hinzufügen, das seine Größe automatisch anpasst. Nehmen Sie entsprechende Verbesserungen am ASP-Programm und an den FLASH-Teilen vor, damit diese nicht auf das Durchsuchen des Verzeichnisses beschränkt sind, in dem sich die Bilder der Datei „imagebrowse.asp“ befinden. Durch entsprechende Verbesserungen am FLASH-Teil können einige einfache Verarbeitungen an den von „loadMovie“ eingehenden Bildern durchgeführt werden, z. B. Größenskalierung, Farbanpassung, einfache Verformung usw. (Nach der Überprüfung können die oben genannten Ideen umgesetzt werden, aber Daliang ist zu faul, dies zu tun. Jeder muss hart arbeiten! Hart arbeiten! Seien Sie nicht faul mit Daliang^_^)

Abschließend wünsche ich Ihnen allen nach der Lektüre dieses Artikels, dass Sie den beeindruckendsten FLASH MX-Online-Bildbrowser im Internet erstellen. Vergessen Sie nicht, Da Liang Ihre guten Neuigkeiten und Ideen mitzuteilen.

Okay, das ist alles, bis später!

Aufgrund des begrenzten Niveaus von Da Liang gibt es zwangsläufig einige Auslassungen, die Freunde gerne kritisieren und korrigieren.