当前位置：文江博客话题详情

如何将 CSS 文件动态加载到 Flex 应用程序中？

发布于 2024-07-08 09:38:59 字数 587 浏览 5 评论 0原文

我知道您可以应用 CSS，以便使用 StyleManager 在 Flex 中设置对象的样式：
http://livedocs.adobe.com/flex/ 3/html/help.html?content=styles_07.html

您还可以动态加载已编译 CSS 文件 (SWF)：
http://livedocs.adobe.com/flex/ 3/html/help.html?content=styles_10.html

但是，我使用 Web GUI 和服务器端脚本动态创建 CSS 文件。如果 CSS 发生更改，则脚本还需要将 CSS 编译为 SWF（这不是一个可行的选项）。有没有办法解决？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

萤火眠眠 2024-07-15 09:38:59

在此评论中，针对 Adobe 错误跟踪器中与此相关的问题T. Busser 正在描述对您来说可能可行的解决方案：

“我创建了一个小类，它将‘解析’用
HTTPService 对象。它拆开
返回的字符串
HTTPService对象，将其分解为
选择器，并创建一个新的
每个 CSSStyleDeclaration 对象
找到的选择器。一旦所有
属性被分配给
添加的 CSSStyleDeclaration 对象
到样式管理器。事实并非如此
执行任何检查，您应该进行
确保 CSS 文件格式正确，但是
99% 的情况下就足够了。
像 @font、Embed() 和
ClassReference() 几乎不会被使用
由我的客户。他们确实需要
改变颜色和东西的能力
这样他们就可以轻松地主题化
Flex 应用程序到他们的房子
风格。”

您可以尝试联系此人寻求解决方案，也可以使用这个 as3csslib 项目作为编写类似他们所描述的内容的基础。

回复收藏 0 原文

苦笑流年记忆 2024-07-15 09:38:59

编辑：此解决方案不起作用。从解析器中取出的所有选择器都将转换为小写。这可能适用于您的应用程序，但可能不会...

我将这个答案留在这里，因为它可能会帮助某些人寻找解决方案并警告其他人此方法的局限性。 >

请参阅我的问题：“寻找用 AS3 编写的 CSS 解析器”进行完整的讨论，但我发现标准库中隐藏了一个 CSS 解析器。以下是如何使用它：

public function extractFromStyleSheet(css:String):void {

    // Create a StyleSheet Object
    var styleSheet:StyleSheet = new StyleSheet();
    styleSheet.parseCSS(css);

    // Iterate through the selector objects
    var selectorNames:Array = styleSheet.styleNames;
    for(var i:int=0; i<selectorNames.length; i++){

        // Do something with each selector
        trace("Selector: "+selelectorNames[i];

        var properties:Object = styleSheet.getStyle(selectorNames[i]);
        for (var property:String in properties){

            // Do something with each property in the selector
            trace("\t"+property+" -> "+properties[property]+"\n");
        }
    }
}

然后您可以使用以下方法应用样式：

cssStyle = new CSSStyleDeclaration();
cssStyle.setStyle("color", "<valid color>);
FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration("Button", cssStyle, true);

Edit: This solution does not work. All selectors that are taken out of the parser are converted to lowercase. This may work for your application but it will probably not...

I am leaving this answer here because it may help some people looking for a solution and warn others of the limitations of this method.

See my question: "Looking for CSS parser written in AS3" for a complete discussion but I found a CSS parser hidden inside the standard libraries. Here is how you can use it:

public function extractFromStyleSheet(css:String):void {

    // Create a StyleSheet Object
    var styleSheet:StyleSheet = new StyleSheet();
    styleSheet.parseCSS(css);

    // Iterate through the selector objects
    var selectorNames:Array = styleSheet.styleNames;
    for(var i:int=0; i<selectorNames.length; i++){

        // Do something with each selector
        trace("Selector: "+selelectorNames[i];

        var properties:Object = styleSheet.getStyle(selectorNames[i]);
        for (var property:String in properties){

            // Do something with each property in the selector
            trace("\t"+property+" -> "+properties[property]+"\n");
        }
    }
}

You can then apply the styles using:

cssStyle = new CSSStyleDeclaration();
cssStyle.setStyle("color", "<valid color>);
FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration("Button", cssStyle, true);

回复收藏 0 原文