`
shlei
  • 浏览: 288722 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Flex4中的StyleManager怎么用?

    博客分类:
  • FLEX
CSS 
阅读更多
在Flex3.0中改变样式方法:
StyleManager.getStyleDeclaration('Button').setStyle('fontSize',24);

在Flex4.0中报出警告:
"3608: ewZ文_'getStyleDeclaration' has been deprecated since 4.0.  Please use 'IStyleManager2.getStyleDeclaration on a style manager instance'."

正确的方法为:
var cssDeclaration:CSSStyleDeclaration = FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration(‘global’);
cssDeclaration.setStyle(‘themeColor’, ‘0x’+gradient_to);

其中"global"是你的CSS选择器的名称,可以是常用的类型选择器如 Button { color: #FF0000 },也可以是以"."开头的类选择器,如".redButton { color: #FF0000 }"。
CSSStyleDeclaration 类表示一组 CSS 样式规则。
可使用 FlexGlobals.topLevelApplication.styleManager.getStyle()、setStyle() 和 clearStyle() 方法获取、设置和清除 CSSStyleDeclaration 上的样式属性。
还可以使用 FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration() 方法在运行时创建和安装 CSSStyleDeclaration。

完整示例:
  var newStyleDeclaration:CSSStyleDeclaration = new CSSStyleDeclaration(".bigMargins");
  newStyleDeclaration.defaultFactory = function():void
  {
      leftMargin = 50;
      rightMargin = 50;
  }
  FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration(".bigMargins", newStyleDeclaration, true);


还有,使用类型选择器时要记得把namespace写完整,如spark.components.Button或者mx.controls.Button,否则编译器不知道你到底要调用哪个Button,容易报出空指针。
分享到:
评论

相关推荐

    Flex动态CSS改变整个application

    2. 动态添加和删除CSS:可以使用`StyleManager.addStyleDeclaration()`添加新的样式,或者用`StyleManager.removeStyleDeclaration()`删除已有的样式。 三、动态改变CSS属性 1. 通过StyleProxy:`StyleProxy`类...

    Flex\Flex关于样式专题

    4. **MXML样式**:除了使用CSS,Flex还允许在MXML标记中直接设置样式,如 `<Button styleName="myButtonStyle" />`,其中`styleName`引用了预先定义的CSS类。 5. **状态样式**:Flex组件可以有多种状态,如“normal...

    flex——cssLoader

    下面将详细阐述CSSLoader在Flex中的工作原理、使用方法以及它带来的优势。 1. **工作原理**: Flex CSSLoader是通过ActionScript 3.0的类`mx.styles.CSS`来实现的。这个类提供了加载和解析CSS文件的功能。当你在...

    flex api 3.6 带样式修改的标绘

    此外,Flex中的StyleManager和CSS是修改全局样式的强大工具。通过CSS,我们可以控制组件的外观,包括字体、边框、背景色等。例如,`skinClass`属性可以指定组件的皮肤,而`styleName`可以将一组样式应用于多个组件。...

    Flex高级组件详细介绍

    - **组件构建**:在Flex中引用素材并构建组件,例如使用`Image`组件作为`ItemRenderer`。 示例代码: ```xml 满意度" dataField="sat"> ``` - **样式定制**:通过CSS定制按钮样式。 示例代码: ```xml...

    如何学习flex,从0开始的

    - **管理器(Managers)**:Flex中的管理器执行特定任务,如SystemManager负责应用程序启动流程,StyleManager处理CSS样式和皮肤,DragManager支持拖放功能。理解这些管理器的工作原理对优化程序性能和实现复杂功能...

    自定义Flex右键菜单

    在IT行业中,自定义Flex右键菜单是一项常见的需求,它涉及到用户交互体验的优化和界面定制化。Flex是一个基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。在这里,我们主要探讨如何在Flex项目中...

    Flex 3 基础教程(1).ppt

    3. **使用样式设计器**:Flex 提供了集成到 MXML 设计环境中的样式设计器,方便可视化编辑样式。 4. **通过 `getStyle()` 和 `setStyle()` 方法**:动态地获取或设置组件的样式属性,如 `component.setStyle(...

    想学习flex的,应该看看这个说明文档 好东西!

    Flex框架是一个用ActionScript编写的库,提供了一套强大的组件和工具,用于构建用户界面。尽管框架庞大,但初学者可以专注于最常用的组件、管理者和样式/皮肤。 组件是Flex界面构建的基本单元,大部分UI元素都从...

    Flex_Viewer解析—–结构(3).doc

    当配置文件加载成功后,`UIManager.as` 会调用 `StyleManager.loadStyleDeclarations()` 方法,将样式文件的定义加载到系统中,以应用到相应的组件上。 3. **事件处理**: 事件分发主要由 `EventBus.as` 类负责,...

    flex quick starts

    ### 使用工具提示(Tooltips)在Flex中的实践与技巧 #### 一、引言 在用户界面设计中,工具提示是一种非常实用的功能,它能够为用户提供即时的帮助信息,提高用户体验。Adobe Flex作为一种广泛使用的RIA(Rich ...

    flex动态加载swf皮肤示例代码

    根据文件内容,可得出以下结论,动态加载SWF皮肤示例代码通过使用StyleManager类提供的方法,配合定时器和事件处理函数,实现了Flex应用程序运行时界面风格的更换。这一功能在需要高度定制化的应用程序中非常有用,...

    关于皮肤 flex

    ### 关于Flex中的皮肤应用详解 #### 一、皮肤的概念及其重要性 在Flex中,“施加皮肤”是指通过修改或替换组件的可视化元素来改变其外观的过程。这些可视化元素可以是位图、SWF文件或者是包含矢量图绘制方法的类...

    Actionscript该学的重点

    管理者在Flex中扮演着协调和控制的角色,例如SystemManager是应用程序的起点,负责初始化流程;StyleManager管理CSS样式和皮肤应用;DragManager使拖放操作成为可能,学习其事件处理和实现细节可以提升交互体验;...

    Developing Flex Applications 910p dda_doc88_cracker.zip

    1. a book Developing Flex Applications 2. a web page viewer for doc88 ebt 3. a DDA downloader for doc88.com CONTENTS PART I: Presenting Flex CHAPTER 1: Introducing Flex. . . . . . . . . . . . . . ...

    ActionScript3.0API

    ActionScript3.0 API是Adobe Flex开发中的核心组成部分,它为构建富互联网应用程序(RIA)提供了强大的编程语言支持。ActionScript3.0相较于之前的版本有了显著的改进,尤其是在类型系统、性能和面向对象编程特性...

Global site tag (gtag.js) - Google Analytics