Adobe 在Flex4中使用外部css
我正在使用Flex4测试版,加载外部css的能力似乎被破坏了。运行下面的代码根本不显示样式。我错过什么了吗 代码如下: 包装组件 { 导入flash.events.Event; 导入flash.net.urloader; 导入flash.net.URLRequest; 导入flash.text.StyleSheetAdobe 在Flex4中使用外部css,adobe,flex4,Adobe,Flex4,我正在使用Flex4测试版,加载外部css的能力似乎被破坏了。运行下面的代码根本不显示样式。我错过什么了吗 代码如下: 包装组件 { 导入flash.events.Event; 导入flash.net.urloader; 导入flash.net.URLRequest; 导入flash.text.StyleSheet import mx.controls.Label; import spark.components.Panel; public class MainPanel extends Pa
import mx.controls.Label;
import spark.components.Panel;
public class MainPanel extends Panel
{
private var mainLabel:Label = new Label();
private var label2:Label = new Label();
public function MainPanel()
{
super();
var cssUrl:URLRequest = new URLRequest("css/style.css");
var cssLoader:URLLoader = new URLLoader();
cssLoader.addEventListener(Event.COMPLETE, cssLoaded);
cssLoader.load(cssUrl);
}
function cssLoaded(event:Event):void {
var css:StyleSheet = new StyleSheet();
css.parseCSS(URLLoader(event.target).data);
mainLabel.styleSheet = css;
mainLabel.htmlText = "Main Label";
mainLabel.horizontalCenter = 0;
mainLabel.verticalCenter = -350;
mainLabel.setStyle("styleName", "h1");
addElement(mainLabel);
label2.htmlText="Sub-Label";
label2.horizontalCenter="0";
label2.verticalCenter="-300";
addElement(label2);
}
}
}
css/style.css
.h1{
颜色:#ffe145;
字体系列:Verdana;
字号:36 ;;
字体:斜体;
字体大小:粗体;
}
加载此代码(stackoverflow软件会删除s:应用程序标记):
如果CSS文件位于web服务器上SWF的相对位置,则可以尝试将此标记添加到应用程序MXML中
<fx:Style source="css/style.css"/>
这将拉入所有CSS设置,并自动为您分配任务
<fx:Style source="css/style.css"/>