第一节   主题
        我们来学习Flash builder 4的新特性 -- 主题
      

学习目标

        1. 切换Flash Builder 4自带的多款主题。

        2. 知道主题的存放位置。

        3. 知道主题应用的原理。

 

实现步骤

        在Flash Builder 4以前,Adobe默认的主题是Halo, 而从Flash Builder 4开始,默认的主题变成了Spark, Spark主题中使用了很多图片作为控件的皮肤,因此Spark只支持部分的色彩样式, 它们是baseColor, color, contentBackgroundColor, focusColor, symbolColor, selectionColor, and rollOverColor,如果同学们想改变一些控件的背景,比如Button的背景样式,我们需要重新定义背景的skin图片才可以做到。当然我们也可以使用原来的Halo主题。现在我们就来看看如何使用主题。

        Flash Builder 4中包含了9款默认主题,其中两款Spark主题,七款Halo主题。这里有必要提一提它们的区别,在Flash Builder 4中,由于出现了新的library://ns.adobe.com/flex/spark (xmlns:s)名称空间,代表新的spark.*包中的控件,所以Flash Builder 4 中同时存在了原来的mx.*以及spark.*中的两组控件。因此在Flash Builder 4中css style也加入了名称空间的支持,比如

 

<fx:Style>

    @namespace s "library://ns.adobe.com/flex/spark";

    @namespace mx "library://ns.adobe.com/flex/halo";

    s|Button {

        color: #FF0000;

    }

    mx|DateChooser {

        color: #FF0000;

    }

 </fx:Style>