apache-flex - 在 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>