`
skcceclipse
  • 浏览: 23344 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

flex 动态加载CSS

阅读更多

本文转自:http://hi.baidu.com/yitao/blog/item/b78f921363205d856438db66.html
原文出处:
http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/

使用 静态方法:
StyleManager.loadStyleDeclarations()


效果展示:
http://blog.flexexamples.com/wp-content/uploads/StyleManager_loadStyleDeclarations_test/bin/main.html

----------
代码说明:

<?xml version="1.0" encoding="utf-8"?><!-- http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/ --><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"        layout="vertical"        verticalAlign="middle">    <mx:Script>        
<![CDATA[           
 import mx.styles.StyleManager;            
private function loadStyles(styleURL:String):void {
           StyleManager.loadStyleDeclarations(styleURL);
            
}        
]]>    
</mx:Script>    
<mx:ApplicationControlBar dock="true">       
 <mx:ComboBox id="comboBox"    prompt="Please select a style"   change="loadStyles(comboBox.selectedItem.data);">            <mx:dataProvider>               
 <mx:Array>                   
 <mx:Object label="red" data="styles/red.swf" />                  
 <mx:Object label="green" data="styles/green.swf" />                   
 <mx:Object label="blue" data="styles/blue.swf" />               
 </mx:Array>           
 </mx:dataProvider>       
 </mx:ComboBox>    
</mx:ApplicationControlBar>
</mx:Application>

下面时css文件,注意,要将css转换为 swf. 右键单击 css文件 选择convert css to swf.


/* blue.css */Application { backgroundColor: haloBlue;}
/* green.css */Application { backgroundColor: haloGreen;}
/* red.css */Application { backgroundColor: red;}

 

分享到:
评论

相关推荐

    flex动态加载CSS文件方法总结

    flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。

    flex动态加载css实例

    "Flex动态加载CSS实例"就是一个这样的实践,它旨在解决在运行时按需加载CSS的问题,从而提高页面加载速度并降低初始加载时的带宽消耗。 Flex在这里可能指的是使用Flex布局(Flexible Box Layout),这是一种现代的...

    flex css动态加载

    在本文中,我们将深入探讨“Flex CSS动态加载”这一主题,这是前端开发中一个非常重要的概念,尤其是在构建响应式和高性能的Web应用时。Flex CSS允许我们动态地改变页面布局,根据用户行为或屏幕尺寸调整元素的位置...

    Flex动态CSS改变整个application

    总结,Flex动态CSS提供了强大的界面定制能力,开发者可以通过加载、添加、删除CSS样式,以及改变组件的样式属性,实现整个application的外观实时变化。在实际项目中,这能极大地提升用户体验,打造出更具吸引力的...

    Flex3.0 使用CSS美化界面

    Flex3.0是一款由Adobe开发的富互联网应用程序(RIA)框架,它允许开发者创建具有丰富交互性和动态视觉效果的Web应用。在Flex3.0中,通过使用CSS(层叠样式表)可以对用户界面进行详细的定制和美化,使得应用程序的...

    在FLEX中使用CSS样式方法

    在Flex中使用CSS样式方法是构建富互联网应用程序(RIA)的关键技术之一。Flex是一个基于ActionScript和Flash Player的开源框架,用于开发交互式、数据驱动的Web应用。它允许开发者利用CSS来控制组件的外观和布局,...

    Flex_Css完全手册

    ActionScript则是基于ECMAScript的脚本语言,用于添加动态行为。 - Flex组件库:Flex包含了一套丰富的预定义组件,如Button、Label、List等,这些组件可以直接在MXML中使用,简化了UI开发。 2. **CSS在Flex中的...

    Flex样式生成工具(定制各种Flex按钮网页css样式)

    Flex是一种用于创建动态、响应式布局的前端技术,基于CSS Flexible Box布局模块。在Flex布局中,容器内的子元素可以根据屏幕尺寸的变化自动调整自身大小和排列方式,以达到最佳的显示效果。使用Flex样式生成工具,...

    [Flash/Flex] 使用css定义文本样式

    本文将重点讲解如何在Flash或Flex项目中利用CSS(层叠样式表)来定义文本样式,提升用户界面的美观度和可定制性。 标题中的"[Flash/Flex] 使用css定义文本样式"表明我们将讨论如何使用CSS来控制在Flash或Flex应用中...

    使用CSS美化Flex

    本教程将深入探讨如何使用CSS来美化Flex布局,包括动态加载和直接引用的方法。我们将通过具体的实例来阐述相关知识点。 一、Flex布局基础 1. Flex容器:在CSS中,一个拥有`display: flex`或`display: inline-flex`...

    flex——cssLoader

    Flex CSSLoader是一个关键的技术,它允许开发者在Flex应用程序运行时动态加载CSS文件,极大地提高了应用的灵活性和可扩展性。这个技术主要应用于Flex项目,它是一个基于ActionScript 3.0的框架,用于构建富互联网...

    flex常用动态菜单

    动态添加菜单项是Flex动态菜单的核心特性,可以根据用户操作或数据变化实时更新菜单内容。例如,我们可以根据服务端返回的数据动态生成菜单: ```actionscript for each (var item:Object in serverData) { var ...

    Flex 预加载动画demo

    这些类允许我们控制帧率、添加关键帧、改变属性等,以实现动态的加载指示器。 2. **事件监听**:预加载器需要监听应用程序加载的进度。Flex中的ApplicationDomain和LoaderInfo对象提供了相关的事件,如`init`, `...

    flex 各组件对应的css样式属性大全

    Flex布局,全称为“Flexible Box”,是CSS3中一种用于处理网页或应用程序中灵活、响应式的布局模式。它使得在不同设备和屏幕尺寸下,元素的排列和对齐变得更为简单。本文将深入探讨Flex组件及其相关的CSS样式属性,...

    Flex4_CSS手册

    ### Flex4_CSS手册知识点解析 #### 一、使用本地样式定义 在Flex中,本地样式定义是通过`&lt;mx:Style&gt;`标签在MXML文件中创建的,它遵循CSS2.0语法规范。这些样式定义将应用于当前文档及其所有子文档。例如: ```xml ...

    Flex 3 CSS style 设计器

    用户只需加载此文件,即可启动和使用Flex 3 CSS Style Designer。 总而言之,Flex 3 CSS Style 设计器是Flex开发中的利器,它提升了开发者的生产力,使Flex应用的界面设计变得更加高效和灵活。通过掌握这个工具,...

    Flexy是使用Flex实现的最小CSS框架

    Flexy是一个基于Flex布局模式构建的轻量级CSS框架,专为快速开发响应式和灵活的网页设计而设计。在本文中,我们将深入探讨Flexbox布局、Flexy框架的特性、如何使用它以及与JavaScript开发的关联。 Flexbox,全称...

    flex+css安全手册

    3. **使用内联样式**:在XML组件声明中直接添加CSS属性,如`&lt;mx:Button styleName="myButton" label="Click me"/&gt;`,其中`styleName`引用了在外部样式表中定义的类。 4. **使用setStyle()方法**:在运行时动态改变...

    flex 样式浏览器生成器

    Flex布局,全称为“Flexible Box”,是CSS3引入的一种新的布局模式,用于解决传统CSS布局(如Block和Inline)在处理复杂动态内容时的局限性。Flex布局使得容器可以更灵活地调整其子元素的宽度、高度以及顺序,特别是...

    Flex自动生成css,框架,图片工具3合1

    在Flex中,滤镜可以应用于任何显示对象,如图片、文本或图形,为它们添加视觉特效,如模糊、发光、渐变等。通过这个工具,开发者可以直观地查看和调整滤镜参数,了解不同滤镜组合的效果,从而在自己的应用中实现更...

Global site tag (gtag.js) - Google Analytics