Adobe 在Flex4中使用外部css

Adobe 在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

我正在使用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 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"/>