Erstellen ein FLV-Preloader in AS3

Wenn Ihre Flash-Anwendung größer und komplexer immer wird, steigt die Zeit es braucht, um vollständig zu laden. Ihre Besucher können gereizt und lassen Ihre Website vor die Animation geladen. Zur Lösung dieses Problems können Sie eine Preloader erstellen, die dem Leser zeigt, wie lange muss er warten, bis die FLV-Datei vollständig geladen ist. Der Fortschritt wird mit einem relativ einfachen ActionScript 3 (AS3)-Skript berechnet. Alles, was Sie tun müssen ist die grafische Benutzeroberfläche zu erstellen und verwenden Sie den AS3-Code.

Anweisungen

1 Öffnen Sie Adobe Flash, und erstellen Sie einen neuen Flash-Film mit ActionScript 3.0-Version. Sie müssen keine Einstellungen ändern.

2 Doppelklicken Sie auf die Standard-Schicht auf der Zeitachse, geben Sie Inhalt ein und drücken Sie "Enter", um ihn umzubenennen. Klicken Sie auf "Ebene einfügen", um eine zweite Ebene zu erstellen, und nennen sie Aktionen.

3 Klicken Sie auf Content-Ebene, wählen Sie das Rechteck-Werkzeug, wählen Sie einige Farben und zeichnen Sie ein Rechteck in Ihre Schicht. Verwenden Sie dieses Rechteck als preloader Bar.

4 Wählen Sie das Auswahl-Werkzeug und wählen Sie die Bar Gliederung. Drücken Sie "F8" in Symbol konvertieren wählen Sie Movieclip als Symboltyp und Namen, die es zu skizzieren.

5 Klicken Sie auf die Stelle des Balkens mit dem Auswahlwerkzeug noch aktiv, drücken Sie die Taste "F8", stellen Sie den Movieclip, nennen Sie es Bar und Set zeigen Sie die Registrierung auf der linken Seite. Drücken Sie "OK".

6 Gehen Sie zu dem Eigenschaften-Inspektor, während die Bar noch ausgewählt ist, geben Sie "Bar_mc" ohne Anführungszeichen, in das Textfeld Instanzname und drücken Sie "Enter." Gehen Sie zum Menü "ändern", wählen Sie die Option anordnen, und klicken Sie auf in den Hintergrund, um sicherzustellen, dass Ihre Bar die Gliederung nicht abdeckt.

7 Wählen Sie das Text-Werkzeug und ziehen Sie ein kleines Textfeld unter der Bar. Legen Sie ihren Typ auf dynamische Texte in der Eigenschaften-Inspektor. Legen Sie die Schriftart aus, und geben Sie "Loader_txt" ohne Anführungszeichen im Feld Instanzname.

8 Klicken Sie auf der Aktionsebene, mit der rechten Maustaste des Standardframe und wählen Sie Aktionen aus dem Dropdown-Menü um das Aktionen-Fenster zu öffnen.

9 Fügen Sie diesen Code im Fenster Aktionen:

Stop();this.addEventListener (ENTER_FRAME, laden);Funktion Loading(e:Event):void {}Var Summe: Anzahl = this.stage.loaderInfo.bytesTotal;Var geladen: Anzahl = this.stage.loaderInfo.bytesLoaded;bar_mc.ScaleX = geladen/Gesamt;loader_txt.Text = Math.floor((loaded/total)*100) + "%";Wenn (Gesamt == geladen) {}Play();this.removeEventListener (ENTER_FRAME, laden);}}

Sie beginnen mit der stop(); Funktion, um sicherzustellen, dass der Preloader nicht gestartet wird, bevor alle Daten ist vorhanden und einsatzbereit. Die loading()-Funktion Ruft die Datenmenge, die geladen werden muss und die Menge der Daten, die bereits geladen, zeigt, wie viele Daten (als Prozentsatz) geladen wurde und überprüft, ob alle Daten vor dem Start der Flash-Anwendungdes geladen wurde.

10 Schließen Sie das Aktionen-Fenster zu und speichern Sie und erstellen Sie das Projekt um die FLV-Preloader erstellen.