flex BorderContainer 添加背景圖

<?xml version="1.0" encoding="utf-8"?>

<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" 

  applicationComplete="callLater(init)"

  width="500" height="375">

<s:layout>

<s:BasicLayout/>

</s:layout>

<fx:Style source="assets/snow.css"/>

 

<s:BorderContainer x="0" y="0" width="500" height="375" >

</s:BorderContainer>

</s:Application>

 

snow.css

 

/* CSS file */

@namespace s "library://ns.adobe.com/flex/spark";

@namespace mx "library://ns.adobe.com/flex/mx";

s|BorderContainer

{

borderVisible: false;

backgroundImage:Embed(source="assets/snowb.jpg");

backgroundImageFillMode:scale;

}

 

 

動態設定css樣式

使用setStyle()方法

<mx:Application...>

<mx:Script>

<![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]>

</mx:Script>

<mx:Buttonid="myButton"initialize="initButton();">//組件初始化時調用設定樣式的