Galerie mit HTTPservice

[Tommy3]

Hallo zusammen,

würde gerne eine FotoGarerie mit Flex erstellen.
Am liebsten wäre mir wenn das ganze mit HTTPService laufen würde.

nur irgendwie komm ich mit der Klasse nicht zurecht...

kann mir jemand nen Beispielcode geben, wie ich mit HTTPService bilder, die in einer XML-Datei liegen, laden kann.

vielen Dank schon mal,
euer Tommy

Da gibt es mehrere mögliche Vorgehensweisen, die z.B. davon abhängen, welche Komponenten welche Daten bekommen. Wie sieht dein XML-File aus und welche Komponenten sollen welchen Teil der Daten bekommen?

[Tommy3]

alles was ich bis jetzt hab, ist das designe...

und was den Funktionsumfang angeht, ist mir auch recht egal.

es sollen nur sämtliche Datein, die in einem Ordner sind angezeigt werden.
zuerst al Thumb und dann, wenn man drauf klickt, in groß.
die Abfrage was in dem Ordner ist, mach ich via php. also ist mir die Strucktur der XML erst mal egal...

was schön wäre, wäre wenn man ne Beschreibung mit rein hängt. Muss aber nicht sein...

keep it simple

<pics>
<pic>
<src>./pic1.jpg</src>
<desc>Nur n Test</desc>
<thumb>./thumb/pic1.jpg</thumb>
</pic>
</pics>

könnt mir aber auch sowas vorstellen

<pics>
<pic src="./pic.jpg" desc="Nur n Test" />
</pics>

kann ja auch den Pfad zum thumb in AS coden...

[Gnut]

Diese Funktion wird bei Erfolg(res = true) oder Misserfolg(res = false) aufgerufen:

PHP-Code:

            private function getResult(res:Boolean,event:Event):void
            {
                if(res) {
                    if(typeof httpSender.lastResult == "string") {
                        Alert.show(httpSender.lastResult.toString(), "Fehler 5: kein XML-Format");
                        return;
                    }
                    //Alle Bilder auslesen
                    for(var obj:Object in httpSender.lastResult.pic) {
                        var bildQuelle:String = obj.src;
                        var bildBeschreibung:String = obj.desc;
                        var bildThumb:String = obj.thumb; 
                    }
                } else {
                    Alert.show("Daten konnte nicht verarbeitet werden!", "Fehler");
                }
            } 


HTTPService mit einem Lade-Timeout von 20 sekunden.

<mx:HTTPService id="httpSender" method="POST" showBusyCursor="true" useProxy="false" result="getResult(true,event)"
    	fault="getResult(false,event)" requestTimeout="20"/>

Und zum Starten:

PHP-Code:

httpSender.url = "http://www.blabla.de/lade_mir_meine_xml.php";
httpSender.send(); 


[Tommy3]

Danke für die Antwort. ich denke so werd ich es machen...

eine Frage noch:
Hab das hier auch wo gefunden...

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
creationComplete="srv.send()">

<mx:HTTPService id="srv" url="assets/catalog.xml" useProxy="false"/>
<mx:TileList dataProvider="{srv.lastResult.catalog.product}" height="100%" width="100%" itemRenderer="Thumbnail"/>

</mx:Application>

was ist das für ein Tag?
und wie funktioniert das? (schaut irgendwie kürzer aus...)

<mx:TileList dataProvider="{srv.lastResult.catalog.product}" height="100%" width="100%" itemRenderer="Thumbnail"/>

Grüße,
Tommy

[Gnut]

TileList ist ein Component von Flex, so ähnlich wie Tile.
Ja, es schaut kürzer aus aber es ist auch nicht kürzer je nach dem was du vor hast.
Wie du siehst, benutzt man einen ItemRenderer (in diesem Fall mit dem Namen "Thumbnail"), der die XML-Daten auswertet und einzeln darstellt (wahrscheinlich Bild für Bild).
Für gesamte Ausrichtung der "Bilder-Liste" ist diese "TileList" zuständig.