Как я могу добавить индикатор выполнения к изображению в пользовательском компоненте?

Question

Я хотел бы добавить индикатор прогресса к своему изображению. Проблема в том, что изображение находится в пользовательском компоненте. В приложении я делаю серверный вызов, чтобы получить путь к фотографии. Я установил фото1 в приложении. Пожалуйста, найдите ниже пользовательский компонент:

<mx:Metadata>
    [Event("change", type="mx.events.Event")]
</mx:Metadata>

<mx:Script>
    <![CDATA[
        [Bindable]
        public var photo1:String; 
    ]]>
</mx:Script>

<mx:Accordion id="accordion"
    resizeToContent="true"
    width="100%" 
    buttonMode="true" >


                 <mx:VBox label="Image" 
         width="100%"
         height="319">

                     <mx:Image id="neighborhoodPic1" source="{photo1}"/>   
             </mx:VBox> 

    </mx:Accordion>


    <mx:ControlBar styleName="white" height="40">
    <mx:Button id="flipButton1" x="53" y="65" label="Flip Me" 
        click="dispatchEvent( new Event( Event.CHANGE ) );" />
    </mx:ControlBar>

Как я могу добавить индикатор выполнения в окрестность Pic1? Можно ли добавить индикатор выполнения в пользовательский компонент?

Спасибо!

-Laxmidi

Answer 1

Да, это должно быть близко ...

<mx:ProgressBar source="neighborhoodPic1" mode="polled" />