Flex ColorPicker загружает цвета из xml

Question

У меня есть палитра цветов, для которого я хочу загрузить его цвета из внешнего XML, мой XML выглядит следующим образом

<colors>
        <color label="Aqua" colorHex="0xFFFFCC"/>
        <color label="Forest Green" colorHex="0xCCFF00"/>
        <color label="Kelly Green" colorHex="0xCCFF00"/>
        <color label="Royal Blue" colorHex="0xCCFF00"/>
        <color label="Columbia Blue" colorHex="0xCCFF00"/>
        <color label="Navy Blue" colorHex="0xCCFF00"/>
        <color label="Purple" colorHex="0xCCFF00"/>
        <color label="Maroon" colorHex="0xCCFF00"/>
        <color label="Cardinal" colorHex="0xCCFF00"/>
        <color label="Garnet" colorHex="0xCCFF00"/>
        <color label="Red" colorHex="0xCCFF00"/>
        <color label="Orange" colorHex="0xCCFF00"/>
        <color label="Texas Orange" colorHex="0xCCFF00"/>
        <color label="Light Gold" colorHex="0xCCFF00"/>
        <color label="Vega Gold" colorHex="0xCCFF00"/>
        <color label="Brown" colorHex="0xCCFF00"/>
        <color label="Black" colorHex="0xCCFF00"/>
        <color label="Silver" colorHex="0xCCFF00"/>
        <color label="White" colorHex="0xCCFF00"/>
        <color label="Pink" colorHex="0xCCFF00"/>
    </colors>

поэтому я загружаю xml, добавляю в привязываемую переменную с типом xml и добавляю в dateprovider палитры цветов вот так

[Bindable] private var colorsDp:XML;

colorsDP = XML(loader.data);// the loader is an object that has the xml loaded

<mx:ColorPicker id="cp" dataProvider="{colorsDp}" labelField="label" colorField="colorHex" editable="false"/>

В документах сказано, что я могу использовать для провайдера данных как xml, array, arrayCollection, xmlListColletion и т. Д., Потому что провайдер данных преобразует данные в ICollectionView, но не работает, почему ??

Answer 1

Мне удалось заставить его работать, привязав dataProvider ColorPicker к массиву объектов.

Код MXML и ActionScript:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
                initialize="init(event)" 
                layout="absolute" >

    <mx:Script>
            <![CDATA[
                import mx.collections.ArrayCollection;
                import mx.collections.XMLListCollection;
                import mx.controls.Alert;
                import mx.rpc.events.FaultEvent;
                import mx.rpc.events.ResultEvent;

                private var colors:XMLListCollection;
                [Bindable] private var colorsArray:Array;

                private function init(evt:Event):void
                {
                    XMLService.send();
                }

                private function xmlService_result(evt:ResultEvent):void
                {
                    colors = new XMLListCollection(evt.result.color);
                    colorsArray = new Array(colors.toArray());
                    var numOfColors:int = colors.length;
                    for (var i:uint = 0; i < numOfColors; ++i) 
                    { 
                        var colorXML:XML = colors.getItemAt(i) as XML;
                        var colorObject:Object = new Object();
                        colorObject.name = colorXML.attribute('label');
                        colorObject.value = colorXML.attribute('colorHex');
                        colorsArray.push(colorObject);
                    }

                }

                private function xmlService_fault(evt:FaultEvent):void
                {
                    Alert.show('Failed to load external XML data:\n'+evt.fault.faultString);
                }

            ]]>
    </mx:Script>

    <mx:HTTPService id="XMLService" 
                    url="colors.xml" 
                    result="xmlService_result(event)"
                    resultFormat="e4x" 
                    fault="xmlService_fault(event)" />

    <mx:ColorPicker id="colorPicker" 
                    colorField="value" 
                    labelField="name" editable="false"
                    dataProvider="{colorsArray}"/>

</mx:Application>

Чтобы это работало, у вас должен быть файл XML с именем colors.xml в том же каталоге, что и основной файл MXML вашего приложения. Разметка для моего colors.xml выглядит следующим образом:

<?xml version="1.0" encoding="utf-8"?>
<colors>
    <color label="Aqua" colorHex="0xFFFFCC"/>
    <color label="Forest Green" colorHex="0x228B22"/>
    <color label="Kelly Green" colorHex="0x00A000"/>
    <color label="Royal Blue" colorHex="0x4169E1"/>
    <color label="Columbia Blue" colorHex="0x75B2DD"/>
    <color label="Navy Blue" colorHex="0x23238E"/>
    <color label="Purple" colorHex="0x800080"/>
    <color label="Maroon" colorHex="0x800000"/>
    <color label="Cardinal" colorHex="0xC41E3A"/>
    <color label="Garnet" colorHex="0xb3005b"/>
    <color label="Red" colorHex="0xFF0000"/>
    <color label="Orange" colorHex="0xFFA500"/>
    <color label="Texas Orange" colorHex="0xffa500"/>
    <color label="Light Gold" colorHex="0xFD9202"/>
    <color label="Vega Gold" colorHex="0xD9D919"/>
    <color label="Brown" colorHex="0xA52A2A"/>
    <color label="Black" colorHex="0x000000"/>
    <color label="Silver" colorHex="0xC0C0C0"/>
    <color label="White" colorHex="0xFFFFFF"/>
    <color label="Pink" colorHex="0xFFC0CB"/>
</colors>