Wie setze ich den dataProvider für eine <s:List> - Komponente eine XML-Datei sein?

Ich habe die neueste Beta von Adobe Flash Builder 4.

Ich möchte an einem <s:List> Komponente, und geben Sie die dataProvider als eine XML-Datei.

Jedoch, nach Lasten der Forschung (einschließlich der Suche in doc-verbindungen Weg labs.adobe.com), habe ich noch nicht herausfinden können, wie es zu tun.

Wird die XML-Datei wie folgt Aussehen:

<?xml version="1.0" encoding="ISO-8859-1"?>
<imageList>
    <image location="path/to/file1.jpg" />
    <image location="path/to/file2.jpg" />
    <image location="path/to/file3.jpg" />
</imageList>

Wollen Sie laden Sie einfach die XML, die über das Netzwerk und dann zeigen Sie es in einem List-oder DataGrid?
Ich habe im Grunde wollen verwenden Sie es als eine Konfiguration-Datei, so dass meine Kunden können angeben, welche Bilder erscheinen in der <s:List> - Komponente.

InformationsquelleAutor Matt Calthrop | 2009-08-12

wenn Sie möchten, um die Bilder in eine Liste, laden Sie die xml mit einem URLLoader -, speichern Sie es in eine bindable-variable und weisen Sie diese als Daten-provider, um Ihre Liste. die Liste sollte ein mx:itemrenderer, wo Sie anpassen können Sie die Ansicht wie Sie es wünschen.

Eigentlichen code geht something wie dieses

<fx:Script>
    <![CDATA[
        import mx.collections.XMLListCollection;
        import mx.collections.IList;
        import mx.controls.Image;

        private var loader : URLLoader = new URLLoader();

        [Bindable]
        private var xml : XMLList;

        private function init() : void
        {
            this.loader.addEventListener(Event.COMPLETE, onComplete);
            this.loader.load(new URLRequest("data.xml"));
        }

        private function onComplete(evt : Event)  :void
        {
            this.loader.removeEventListener(Event.COMPLETE, onComplete);
            this.xml = new XML(this.loader.data).image;
        }

    ]]>
</fx:Script>

<mx:List id="list" width="200" height="500" dataProvider="{xml}">
    <mx:itemRenderer>
        <fx:Component>
            <mx:Image width="200" height="200" source="{data.@location}" />
        </fx:Component>
    </mx:itemRenderer>
</mx:List>

Ich bin mir nicht sicher, ob dies wird funktionieren - ich bin mit dem <s:List> - Komponente, und es akzeptiert nur ein Datenprovider implementiert die IList-Schnittstelle. Auf re-Lektüre meiner ursprünglichen post kann ich sehen, es war nicht klar, dass ich mit dem <s:List> - Komponente!

InformationsquelleAutor TheBrain

Wenn Sie möchten, laden Sie die XML-Datei über das Netzwerk, das Sie tun können:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/halo">

    <fx:Declarations>
      <mx:HTTPService id="srv" url="http://ws.jamesward.com/images.xml"/>
    </fx:Declarations>

    <s:applicationComplete>
      srv.send();
    </s:applicationComplete>

    <s:List dataProvider="{srv.lastResult.images.image}" width="100%" height="100%">
     <s:itemRenderer>
       <fx:Component>
         <mx:Image source="{data.source}"/>
       </fx:Component>
     </s:itemRenderer>
    </s:List>

</s:Application>

Hey, vielen Dank James. Ich werde geben, dass ein so gut - sieht aus wie eine saubere Lösung (und ich kann die lokale Datei statt, wenn ich muss).
James, Sie sind vor Ort auf - vielen Dank dafür. Ich werde markieren Sie Ihre Antwort als eine Antwort, und erstellen Sie auch eine gesonderte Antwort zu zeigen, die Besonderheiten, wie ich es Tat.
Seltsam scheint, dass Sie nicht mehr als eine Antwort richtig.

InformationsquelleAutor James Ward

0

Müssen Sie die XMLListCollection-Klasse.
```
<s:List dataProvider="{new XMLListCollection(data.image)}" labelField="@location"/>
```
Wird, die mir erlauben, das laden der Inhalte einer externen XML-Datei?
es wird konvertieren Sie Ihre XML an ein XMLListCollection - die Quelle der XML nicht relevant ist.

InformationsquelleAutor sharvey

Mein ursprüngliches Ziel war es, eine externe XML-Datei, die SWF, mein client konnte selbst pflegen, und damit hätten Sie die Kontrolle über die Bilder angezeigt.

Ist die erste Antwort die ich geschrieben war nicht ganz die Lösung ich gab nach: mit fx:XML bedeutet, dass der Inhalt der XML-Datei ist eigentlich in die Datei kompiliert und ist somit nicht veränderbar nach der Kompilierung.

Also habe ich umgesetzt James' Lösung.

Die XML-Datei sieht wie folgt aus:

<?xml version="1.0" encoding="ISO-8859-1"?>

<images>
    <image source="path/to/image1.jpg" />
    <image source="path/to/image2.jpg" />
    <image source="path/to/image3.jpg" />
    <image source="path/to/image4.jpg" />
</images>

MXML:

<?xml version="1.0" encoding="utf-8"?>

<s:Group
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    >

    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;

            protected function lstImages_creationCompleteHandler(event : FlexEvent) : void
            {
                dpHttpService.send();
            }

        ]]>

    </fx:Script>

    <fx:Declarations>

        <mx:HTTPService
            id="dpHttpService"
            url="images.xml"
        />

    </fx:Declarations>

    <s:List
        id="lstImages"
        dataProvider="{dpHttpService.lastResult.images.image}"
        width="100%"
        itemRenderer="path.to.render.ImageRenderer"
        skinClass="path.to.skins.ListSkin"
        >

        <s:layout>
            <s:HorizontalLayout gap="2" />
        </s:layout>

    </s:List>

</s:Group>

Und in der Bild-renderer, ich beziehe mich auf die Daten wie diese:

<mx:Image
    id="imgRendered"
    source="{data.source}"
/>

Die wirklich nützliche Sache über diese Lösung ist, dass kann ich auch voll http:// Verweise auf Bilder, die vorhanden sind, auf einer anderen Website, wenn ich will (wir erinnern uns crossdomain.xml natürlich).

In der Tat, die images.xml die Datei kann sich auf einem anderen server.

Seltsam - nicht ganz sicher, warum diese Antwort markiert wurde als wenig hilfreich. Alle Vermutungen, warum? Verwirrt.
Meine Vermutung ist, die Menschen nicht mögen, die Sie gewählt haben, Ihre eigene Antwort als die beste, wenn es auf der Grundlage der Antwort, die James trug. Ich bin die Kennzeichnung die sich aber, weil es eine nützliche Antwort unabhängig.

InformationsquelleAutor Matt Calthrop

-1

Gut, ich fand eine Lösung.

MXML wird wie folgt Aussehen:

<fx:Declarations>

    <fx:XML
        id="dpXml"
        source="path/to/images.xml"
    />

    <mx:XMLListCollection
        id="dpXmlListCollection"
        source="{dpXml.image}"
    />

</fx:Declarations>

<s:List
    id="lstImages"
    dataProvider="{dpXmlListCollection}"
    itemRenderer="path.to.render.ImageRenderer"
    skinClass="path.to.skins.ListSkin"
    >

    <s:layout>
        <s:HorizontalLayout gap="2" />
    </s:layout>

</s:List>

Und images.xml wie diese:

<?xml version="1.0" encoding="ISO-8859-1"?>
<images>
    <image>
        <location>path/to/image1.jpg</location>
    </image>
    <image>
        <location>path/to/image2.jpg</location>
    </image>
    <image>
        <location>path/to/image3.jpg</location>
    </image>
</images>

Vielen Dank für alle Ihre Antworten!

Matt

Ack. Sieht aus wie diese Lösung bettet die XML-Datei in die SWF-Datei, und daher bedeutet, dass es nicht konfiguriert werden, sobald der code veröffentlicht wurde. Gonna Blick auf James Ward-Lösung weiter.

InformationsquelleAutor Matt Calthrop

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.