Как добавить Image в UIComponent

[Sveta]

Всем добрый день!
Есть mxml-код:
        <mx:UIComponent id="uic" width="100%" height="100%" />

Как динамически (ActionScript) добавить в этот компонент изображение (предполагается, что оно будет Embeded)
(В последствии это изображение должно быть удалено - в обработчике определенного события)

Пытаюсь так:
<mx:Script><![CDATA[
import mx.controls.Image;

[Embed(source="/images/play.png")]
[Bindable]
public var preloaderCls:Class;

var _preloadImg:Image;

public function init():void {
    _preloadImg = new Image();
    _preloadImg.source = preloaderCls;
    _preloadImg.x = 0;
    _preloadImg.y = 0;
     uic.addChild(_preloadImg);
}
]]>
</mx:Script>

Можно ли вообще добавить изображение в UIComponent?
Пробовала с контейнером Panel, все работает, а с этим нет

------~-------~--~----~
Снова открыта русскоязычная Flex-вики: http://wiki.flash-ripper.com/
Страница группы с поиском и прочим: http://groups-beta.google.com/group/ruflex?hl=en

Первое правило мейл листа руФлекс:
Письма отправляются в UTF-8 с ящика, на который пришло письмо.

Второе правило мейл листа руФлекс:
Ненужные цитаты при ответе удаляются.

Написать в группу: ruf...@googlegroups.com
Отписаться: ruflex-un...@googlegroups.com
-~----------~----~----~----~------~----~------~--~---

[Alexander Negoda]

Можно ли вообще добавить изображение в UIComponent?
Пробовала с контейнером Panel, все работает, а с этим нет

Размер надо указать явно для Image:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete="init()"

    >
    <mx:Script><![CDATA[
        import mx.controls.Image;
       

        [Embed(source="image.gif")]

        [Bindable]
        public var preloaderCls:Class;
       
        var _preloadImg:Image;
       
        public function init():void {
            _preloadImg = new Image();
            _preloadImg.source = preloaderCls;
            _preloadImg.x = 0;
            _preloadImg.y = 0;

            _preloadImg.width=100;
            _preloadImg.height=100;
             uic.addChild(_preloadImg);
        }
        ]]>
</mx:Script>

    <mx:UIComponent id="uic" width="100%" height="100%" />

</mx:Application>

[doomer samoilOFF]

используй Canvas

[Alexander Negoda]

А если не секрет, то зачем такая комбинация хитрая? В UIComponent обычно добавляют MovieClip, чтобы во флексе заюзать. А Image сам является UIComponent, и нет смысла в него добавлять другие UIComponent-ы.

[Sveta]

Хочется сделать фон для компонента (UIComponent), а не знаю как лучше (Можно, чтобы он был просто однотонный)

26 апреля 2008 г. 18:47 пользователь Alexander Negoda <alexande...@gmail.com> написал:

А если не секрет, то зачем такая комбинация хитрая? В UIComponent обычно добавляют MovieClip, чтобы во флексе заюзать. А Image сам является UIComponent, и нет смысла в него добавлять другие UIComponent-ы.

--
Желаю Вам большой удачи и грандиозных успехов!

[Alexander Negoda]

26 апреля 2008 г. 21:12 пользователь Sveta <yesfo...@gmail.com> написал:

Хочется сделать фон для компонента (UIComponent), а не знаю как лучше (Можно, чтобы он был просто однотонный)

 
Но почему UIComponent?!  Во флексе не юзают напрямую UIComponent. Есть целая куча контейнеров...

Не проще взять Canvas и ему сделать стили:
   background-image:         Embed("image.jpg");
или
   background-color:         " #FFFFFF";

К тому же можно и градиентом залить:

 backgroundGradientColors: #0033cc, #ffff00;

Здесь вот глянь http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

[Sveta]

Отличная ссылка, большое спасибо

26 апреля 2008 г. 22:50 пользователь Alexander Negoda <alexande...@gmail.com> написал: