Настройка фонового изображения в Flex 4.5

Question

Я написал собственный скин во Flex 4.5, который показывает собственное изображение. Я хочу добавить это к своему фоновому изображению, так как я могу установить этот скин для контейнера приложения?

Спасибо

Answer 1

Вы оформляете приложение как любой другой компонент, конечно же, атрибут skinClass!:)

Как?

Вот мой app.mxml:

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" 
    skinClass="MyAppSkin">      
</s:Application>

Теперь я делаю простой скин с растянутым до фона фоновым изображением!

Полный источник моего файла MyAppSkin.mxml здесь (слишком большой, чтобы размещать здесь): http://pastebin.com/Hwu9tc1Y

Вот важная часть (только часть действительно настроена - остальные стандартные):

    <s:Group id="backgroundRect">
        <s:BitmapImage source="@Embed('beach.jpg')" left="0" right="0" top="0" bottom="0" scaleMode="stretch"/>
    </s:Group>

Что происходит, когда вы применяете скин: он ищет определенные элементы по id (нам интересен backgroundRect) и применяет их.Чтобы настроить, просто измените части кожи, которую вы хотите.Я заменил стандартную фоновую заливку сплошным цветом этой группой изображением.

Кусок торта, сэр!

Имеет смысл?

Answer 2

Как насчет этого:

<s:BitmapImage source="@Embed('paper1.jpg')" 
  left="0" right="0"  
  width="100%" height="100%" 
/>

Answer 3

Установить фоновое изображение и добавить компоненты

    <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
        <s:List>
            <s:ArrayCollection>
                <fx:String>One</fx:String>
                <fx:String>Two</fx:String>
                <fx:String>Three</fx:String>
                <fx:String>Four</fx:String>
                <fx:String>Five</fx:String>
            </s:ArrayCollection>
        </s:List>
    </mx:VBox>
</s:Group>