Flex-4 Beta2：背景图像停止工作

Question

将项目从Flex4 Beta1升级到Beta2后，我发现Halo组件不再支持背景图像样式。

例如：

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

请注意，jira问题SDK-23050指出了以下内容：

  

Spark皮肤不支持backgroundImage。

但这不是使用Spark皮肤，只是标准的Halo组件。

有人有任何想法吗？

Answer 1

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

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

使用上面的代码。任何spark：BorderContainer都有选项backgroundImage，或者是其他backgroundImage选项。将您想要的图像添加到源中，并将图像的名称及其扩展名添加到image.jpg中。不要忘记单引号。

Answer 2

你现在必须创建一个皮肤类。使用VGroup并指定自定义皮肤。

Answer 3

Flex 4中的MX组件允许您使用Spark外观，而Adobe默认使用Spark外观，以便同一应用程序中的MX和Spark组件看起来像它们在一起。显然，Spark外观支持与Halo外观不同的功能，现在你需要调整外观，如果你希望它们看起来不同（除了一些简单的颜色样式）。考虑到创意设计师的设计方式，这是一种比仅使用CSS更好的方法，因为它更灵活，但它让熟悉Flex 3工作流程的人感到惊讶。

复制默认皮肤并为其添加背景并不太难。但是，您也应该能够使用旧的Halo皮肤获得backgroundImage支持，如果这是您喜欢的。我相信你想告诉你的VBox使用mx.skins.halo.HaloBorder。

Answer 4

我最终将背景图像更改为背景皮肤，这解决了问题。