现在的位置: 首页 > 综合 > 正文

flex BorderContainer 添加背景图

2011年06月19日 ⁄ 综合 ⁄ 共 885字 ⁄ 字号 评论关闭

<?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();">//组件初始化时调用设定样式的

抱歉!评论已关闭.