#天琪# 发表于 2013-2-8 00:58:47

关于Style和CSS

CSSStyleDeclaration 类表示一组 CSS 样式规则。MXML 编译器在和 Flex 应用程序关联的 CSS 文件中为每个选择器自动生成一个 CSSStyleDeclaration 对象。
CSS 规则,如

      Button { color: #FF0000 }
影响 Button 类的每个实例;如 Button 之类的选择器称为类型选择器,不能以点开头。

CSS 规则,如

    .redButton { color: #FF0000 }
只影响其 styleName 属性设置为 ".redButton" 的组件;如 .redButton 之类的选择器称为类选择器,必须以点开头。

可以使用 StyleManager.getStyleDeclaration() 方法访问自动生成的 CSSStyleDeclaration 对象,向其传递类型选择器

var buttonDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration("Button");
或类选择器。
var redButtonStyleDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration(".redButton");

可使用 getStyle()、setStyle() 和 clearStyle() 方法获取、设置和清除 CSSStyleDeclaration 上的样式属性。

还可以使用 StyleManager.setStyleDeclaration() 方法在运行时创建和安装 CSSStyleDeclaration。

var newStyleDeclaration:CSSStyleDeclaration = new CSSStyleDeclaration();
newStyleDeclaration.defaultFactory = function():void
{
      leftMargin = 50;
      rightMargin = 50;
}
StyleManager.setStyleDeclaration(".bigMargins", newStyleDeclaration, true);


相对而言,var btn:Button=new Button();btn.setStyle("fontSize",30);仅仅是改变btn这一个实例,而使用setStyle("fontSize",30)改变的将是所有Button实例。StyleManager.getStyleDeclaration('Button')就是一个关于Button的类选择器。
页: [1]
查看完整版本: 关于Style和CSS