2012-05-03 34 views
0

如何添加背景图片? 我只是绑住为如下代码:如何将一个背景图片添加到flex android应用程序?

.bg{ 
backgroundImage:Embed(source="../../assets/Interaction-Screen_BG_pump.png"); 
} 

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     actionBarVisible="true" enterFrame="view1_enterFrameHandler(event)" 
     initialize="view1_initializeHandler(event)" menuKeyPressed="onMenu(event)" 
     overlayControls="false" tabBarVisible="true" title="Interact" 
       styleName="bg" 
> 

但它不能正常工作。

而且,如何创建一个图像按钮?

回答

5

要将背景图像添加到Flex手机查看或应用程序,首先创建你的皮肤类(姑且称之为“ViewBackgroundSkin.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> 

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

<s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" > 
    <s:fill> 
     <s:BitmapFill source="@Embed('assets/images/BackgroundImage.png')"/> 
    </s:fill> 
</s:Rect> 

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

如果你想要的形象平铺背景,设定在fillMode重复的BitmapFill会:

<s:BitmapFill source="@Embed('assets/images/BackgroundImage.png')" fillMode="repeat" /> 

在你的CSS文件(我们称之为MyStyle.css)引用您的皮肤类:

s|View 
{ 
    skinClass: ClassReference("ViewBackgroundSkin"); 
} 

在您看来,设置样式源到你的CSS文件:

<fx:Style source="MyStyle.css"/> 

或样式添加到您的应用程序文件,为整个应用程序的背景。

+0

cool!谢谢!它的工作!但我怎么能创建一个图像按钮? – wtm

+0

很高兴有帮助:)请接受/ upvote答案,如果你觉得它有用。如何创建一个图像按钮是一个单独的问题,与这个问题的标题无关。看到这个开始:http://rabidgadfly.com/2010/09/easily-create-image-buttons-flex-4/。如果这不符合您的需求,请单独发布一个关于如何在Flex中创建图像按钮的问题。 –

+0

好的,谢谢! – wtm

相关问题