Засунуть BitmapImage в UIComponent

Sharkow · 24.02.2011, 02:21

Привет. Я новичок во флеше, помогите распутаться в классах flex

Задача такая - есть BorderContainer, в котором нужно отображать интерактивные изображения.
Изображения хочу отображать классом BitmapImage. Но чтобы они при этом были интерактивны, нужно этот BitmapImage положить в объект ещё какого-то класса, по логике, Sprite.

Вот здесь возникает проблема с совместимостью классов. Чтобы объекты можно было отображать в основном BorderContainer, нужно, чтобы они реализовывали интерфейс IVisualElement. Sprite его не реализовывает, но реализовывает его потомок - UIComponent (http://help.adobe.com/ru_RU/AS3LCR/F...Component.html). Поэтому, я решил использовать его. Итак, что хочу иметь:
Один корневой BorderContainer для всего => в нём несколько объектов UIComponent => в каждом из них по картинке BitmapImage.

И вот тут главная проблема - в UIComponent можно класть только объекты DisplayObject, коим BitmapImage не является. Но! Я нашел в этом классе свойство displayObject (http://help.adobe.com/ru_RU/AS3LCR/F...tmapImage.html)

Цитата:

displayObject : DisplayObject
[только для чтения] Совместно используемый DisplayObject, в котором отображается этот IGraphicElement.

То есть, BitmapImage всё же имеет отношение к displayObject. Но как это работает?
Такой код:

Код AS3:

displayedImage.createDisplayObject();
uiComponent.addChild(displayedImage.displayObject);

работает без ошибок, но добавляет в UIComponent пустой объект, отображается пустота.
Не нашел про это ничего в интернете.

Возможно, я вообще делаю не то, и надо использовать другие классы) Тогда поставьте на путь истинный)
BitmapImage хочу использовать потому, что класс очень удобен при работе с изображениями и вроде бы легковесен. Вообще хотелось бы использовать новые классы flex по возможности.
Спасибо.

Flashrunner · 24.02.2011, 03:52

BitmapImage больше предназначен для программного рисования битмапой. Вот пример его добавления в дисплей лист.
Если же вы будете использовать уже готовые изображения, то имеет смысл использовать Image. Для него не понадобится оберток.

Sharkow · 24.02.2011, 03:53

После прочтения этого и этого понял, что BitmapImage с интерактивностью лучше не связывать... жаль, тогда придётся загружать изображения другим классом, а для интерактивности использовать SpriteVisualElement. Буду разбираться.

Добавлено через 13 минут

Цитата:

Сообщение от Flashrunner

BitmapImage больше предназначен для программного рисования битмапой. Вот пример его добавления в дисплей лист.
Если же вы будете использовать уже готовые изображения, то имеет смысл использовать Image. Для него не понадобится оберток.

Точно, спасибо. Не знаю, почему сразу не читал про Image.
Только вот странно, что написано в документации к Image:

Цитата:

Например, невозможно загрузить изображения с классом BitmapImage во время выполнения.

А у меня это делать получалось. Может быть, в новой версии SDK поменяли.

Всё, вопросов нет. Спасибо, Flashrunner

Flashrunner · 24.02.2011, 04:34

Цитата:

Сообщение от Sharkow

Блин, секундочку. Есть mx:Image, а есть spark:image. И они сильно отличаются. А какой класс Вы имели в виду?)

mx'совский. О существовании спарковского узнал от вас. Он еще в бэте.

Цитата:

Сообщение от Sharkow

А у меня это делать получалось. Может быть, в новой версии SDK поменяли.

Не экспериментировал с этим, вообщем-то не для этого он предназначен.

Цитата:

Сообщение от Sharkow

С Image остались вопросы только с качеством отрисовки, там всё не настолько продвинуто, как в BitmapImage.

Опять же, у них разные задачи. Что вас не устраивает в качестве отрисовки Image?

Sharkow · 24.02.2011, 04:48

А я стал использовать спарковский

Он практически то же самое, что BitmapImage, плюс интерактивность.
Пусть в бэте, приемлемо)
Вот в нём как раз всё нормально.

Хемуль · 24.02.2011, 12:36

Цитата:

Сообщение от Flashrunner

BitmapImage больше предназначен для программного рисования битмапой.

Ну, он замечательно подходит и для скинования. В MXML-файле скина, скажем, кнопки, его можно использовать в качестве фона:

Код AS3:

	<s:BitmapImage
		source="@Embed('assets/images/button_up.png', scaleGridLeft='4', scaleGridTop='4', scaleGridRight='8', scaleGridBottom='8')"
		source.over="@Embed('assets/images/button_over.png', scaleGridLeft='4', scaleGridTop='4', scaleGridRight='8', scaleGridBottom='8')"
		source.down="@Embed('assets/images/button_down.png', scaleGridLeft='4', scaleGridTop='4', scaleGridRight='8', scaleGridBottom='8')"		
		top="0"
		right="0"
		bottom="0"
		left="0"
	/>

Sharkow · 24.02.2011, 12:43

Спасибо за инфо.

alatar · 24.02.2011, 12:49

Цитата:

Он практически то же самое, что BitmapImage, плюс интерактивность.

Не путайте теплое с мягким. BitmapImage вообще не отображаемый объект. Загружать внешние изображения он научился только с версии 4.5.

Sharkow · 24.02.2011, 16:45

Как это не отображаемый, когда я спокойно пихал его прямо на сцену и всё работало?
Это на версии 4.5, да.

alatar · 24.02.2011, 17:00

Цитата:

Как это не отображаемый

Да вот так. Он не наследуется от DisplayObject.

Цитата:

когда я спокойно пихал его прямо на сцену и всё работало?

Вы его пихали не на сцену, а в spark контейнер, который знает, что если ему добавили наследника GraphicElement, то его надо отрисовать.

Цитата:

Это на версии 4.5, да.

И да, во всех версиях ветки 4.x BitmapImage -> GraphicElement -> EventDispatcher -> Object.