Apache flex 在flex 4.6中添加背景图像

Apache flex 在flex 4.6中添加背景图像,apache-flex,Apache Flex,做一个Flex 4.6移动应用程序时,我试图添加一个asset.png文件,作为应用程序的背景,显示所有不同的视图和方向。有没有人想出一个方法来做到这一点 任何帮助都将不胜感激:)请尝试以下方法: <s:View> <fx:Script> [Embed(source="myImage.gif")] public var myImage :Class; </fx:Script> <s:Image source="myImage"

做一个Flex 4.6移动应用程序时,我试图添加一个asset.png文件,作为应用程序的背景,显示所有不同的视图和方向。有没有人想出一个方法来做到这一点


任何帮助都将不胜感激:)

请尝试以下方法:

<s:View>
 <fx:Script>
    [Embed(source="myImage.gif")]
    public var myImage :Class;
  </fx:Script>
  <s:Image source="myImage" width="100%" height="100%"/>
</s:View>

[嵌入(source=“myImage.gif”)]
公共图像:类;


然而,我并不期待完美的结果。PNG是预渲染的位图。最有可能的情况是,它不会在所有视图和方向[以及分辨率]上看起来都是正确的,因为PNG的元素可能会被扭曲、拉伸或压缩,并且会动态调整大小;例如,从纵向切换到横向时

我一直在这个洞里,我知道出路

您需要为应用程序创建一个皮肤类。它不必太复杂,下面是我的文件(appSkin.mxml)的样子

<?xml version="1.0" encoding="utf-8"?><s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Metadata>
    [HostComponent("spark.components.View")]
</fx:Metadata>

<!-- states -->
<s:states>
    <s:State name="disabled" />
    <s:State name="normal" />
</s:states>

<s:BitmapImage  source="@Embed('assets/bg.png')" width="100%" height="100%" />

<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />


<!-- SkinParts
name=contentGroup, type=spark.components.Group, required=false
-->

[主机组件(“spark.components.View”)]

然后需要在应用程序的开始标记中将该文件声明为应用程序的skinClass

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" applicationDPI="320"
           creationComplete="creationCompleteHandler()" xmlns:views="views.*" skinClass="skins.appSkin">

然后你必须做最后一步。每个视图组件都带有一个不透明的背景层,因此在每个组件中,您都希望显式地将backgroundAlpha值设置为0

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" title="Start" backgroundAlpha="0">


这将完成在多个视图中为应用程序维护公共背景图像的任务。

尝试了当前可用的容器和蒙皮方法。我还引用了adobe文档,但没有用。然而,我必须承认,我并不擅长整理文件。