Флекс-4 Бета2:Фоновое изображение перестало работать

Question

После обновления проекта с Flex4 Beta1 до Beta2 я обнаружил, что стиль фонового изображения больше не поддерживается в компонентах Halo.

Например:

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
         backgroundImage="@Embed(source='myImage.png')" />

Обратите внимание, что проблема с jira СДК-23050 указывает на следующее:

BackgroundImage не поддерживается для тем оформления Spark.

Но здесь используется не скин Spark, а стандартный компонент Halo.

У кого-нибудь есть идеи?

Answer 1

В итоге я изменил фоновое изображение на фоновое изображение, и это решило проблему.

Answer 2

<s:BorderContainer x="100" y="100" width="200" height="200"

                   backgroundImage="@Embed(source='image.jpg)" >
</s:BorderContainer>

Используйте код выше.Любая искра:BorderContainer имеет параметр BackgroundImage или другие параметры BackgroundImage.Добавьте нужное изображение в источник и укажите в качестве image.jpg имя вашего изображения с его расширением.не забывайте одинарные кавычки.

Answer 3

Теперь вам нужно создать класс скина.Используйте VGroup и укажите собственный скин.

Answer 4

Компоненты MX в Flex 4 позволяют использовать скины Spark, а Adobe использует скины Spark по умолчанию, поэтому компоненты MX и Spark в одном приложении выглядят так, как будто они принадлежат друг другу.Очевидно, что скины Spark поддерживают разные функциональные возможности, чем скины Halo, и теперь вы должны настраивать скины, если хотите, чтобы они выглядели по-другому (за исключением некоторых простых цветовых стилей).Учитывая, насколько креативными могут быть дизайнеры, это гораздо лучший подход, чем использование только CSS, поскольку он более гибкий, но он застает врасплох людей, знакомых с рабочим процессом Flex 3.

Не так уж сложно скопировать скин по умолчанию и добавить к нему фон.Однако вы также сможете использовать старый скин Halo, чтобы получить поддержку BackgroundImage, если вы этого предпочитаете.Я полагаю, вы хотите указать своему VBox использовать mx.skins.halo.HaloBorder.