ActionScript 3.0 Step By Step系列(九)：使用样式(style)和皮肤(Skin)两大画笔为应用程序界面画妆

核心提示： 以上通过样式设计器把两个TextInput组件的样式设计为背景黑色，字体为Arial，ActionScript 3.0 Step By Step系列(九)：使用样式(style)和皮肤(Skin)两大画笔为应用程序界面画妆(3)，字体颜色为白色，文本居中显示，下面我们来看看怎么将外部的皮肤

以上通过样式设计器把两个TextInput组件的样式设计为背景黑色，字体为Arial，字体颜色为白色，文本居中显示，字体大小为14号，运行效果如下图示:

　

四、以编程的方式设置样式

以编程的方式设置样式很简单，我们直接通过组件的setStyle()方法来完成，如下代码：

1　　btnLogin.setStyle("font-size","20");

另外Flex的SDK也为我们提供了相应的类来以编程的方式动态处理样式，他们是：StyleManager和CSSStyleDeclaration，位于mx.styles包下。如上设置按扭的字体大小我们也可以如下方式来实现：

1varcs:CSSStyleDeclaration=newCSSStyleDeclaration("mystyle");
2cs.setStyle("fontSize","20");　　　　　　　　　　　　　　　　
3StyleManager.setStyleDeclaration("btnButton",cs,true);

这就相当于是定义了一个名为mystyle的样式，等同于下面样式定义：

1.mystyle
2{
3　　　　font-size:20px
4}
5

五、引入外部皮肤(Skin)美化应用程序

这里我在网上下载了一套叫做“优雅天蓝”的皮肤，下面我们来看看怎么将外部的皮肤引入项目来美化应用程序。皮肤程序主要包括三部分：皮肤文件（.swc）、样式表文件(.css)和图片。下面将皮肤文件的相关文件直接Copy到你的应用就可以直接使用了。