Flex中的背景图像

Question

我正在使用Flash Builder 4创建应用程序。我需要为应用设置背景图片。我已经从XML中获取了数据。

我使用<mx:Image>作为背景图片。但我需要在其中添加元素。我该如何实现这一目标？我考虑过使用图层，但不知道你是如何实现这一目标的。

任何帮助表示感谢。

干杯

Answer 1

一种方法：在我们的flex应用程序中，我们在主容器后面有一个画布，如

<mx:Canvas id="bgImg" width="1280" height="800"
           backgroundImage="assets/background.jpg" />
<containers:FlashContainer id="mainContainer">
<!-- HBoxs, VBoxes and loads of other components -->
</containers:FlashContainer>

所以，你想要添加的其他元素将存在于内部容器中，其后面有一个固定的Canvas，它可以保存你的图像。

要在Flex 4中使用此功能，您需要使用Halo主题（而不是Spark）进行编译。我们使用flex builder并在项目编译器首选项下设置以下标志。

-theme=${flexlib}/themes/Halo/halo.swc

如下图所示：

Answer 2

在Flex 3模型中，您可以在Application标签上设置backgroundImage，这应该有效地为整个应用程序提供背景图像。

在Flex 4模型中，您需要为Application标记创建自定义外观类。使用skinClass样式设置外观。由于s:Application扩展了SkinnableContainer，因此您应该能够使用默认的SkinnableContainer样式作为添加背景图像的指南。我相信，默认背景只是一个带有实心填充的Rect。

Answer 3

我仍在使用flex3，所以我会在应用程序标签上使用backgroundImage，并且还将backgroundSize设置为100％，应用程序标记上的这两个属性为

可能会有所帮助2 u

tc