Flash und XML

von Moritz Kern | 1 | 14047 Aufrufe

Anzeige Hier werben

1. XML Dokument erstellen

Zuerst schreiben wir in einem Texteditor eine XML Datei mit dem Namen data.xml :
hier mein Beispielcode:

 
XML
1
2
3
<images>
 <image image="images/wmp.jpg" img_txt="webmasterpro"/>
</images>

Zu Beginn verwenden wir eine einfache XML Datei mit nur einem XML Node.
Speichert diese Datei.

2. Flash Datei erstellen

Erstelle eine neue Datei in Flash mit beliebigem Namen z.B. loadxml.fla
Zunächst erstellen wir auf der Bühne einen leeren Movieclip (mc) mit dem Instanznamen image_con
Als nächstes benötigen wir noch ein dynamisches textfeld mit dem Instanznamen image_txt

Bild zu Flash und XML
Screenshot der leeren fla

3. ActionScript

Für das Actionscript (AS) erstellen einen neuen Layer in der Zeitleiste und fügen folgenden Code hinzu:

 
ActionScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// erstellt eine neue XML Variable
var xml:XML = new XML();
// whitespace muss ignoriert werden
xml.ignoreWhite = true;
// diese function wird aufgerufen, wenn die XML geladen wird
xml.onLoad = function(success:Boolean) {
    //falls erfolgreich 
    if(success) {
    // die Anzahl der Child Nodes auslesen
    var nodes = this.firstChild.childNodes;
    // liest aus wieviele Elemente das child hat
    xmlitems = nodes.length;
        // Schleife zum auslesen der Inhalte
        for(var i:Number = 0; i<xmlitems; i++) {
            // Bildpfad auslesen und in das mc image_con laden
             _root.image_con.loadMovie(nodes[i].attributes.image);
            // Titel dem Textfeld image_text zuweisen
            _root.image_txt.text = nodes[i].attributes.img_txt;
        }
    //falls laden nicht erfolgreich - fehler ausgeben
    } else {
        _root.image_txt.text="XML konnte nicht geladen werden";
    }
};

// lädt die XML Datei
xml.load("data.xml");

Fla Datei abspeichern, swf Datei erstellen und ausführen....

Bild zu Flash und XML
Ergebnis