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

核心提示： 1/*CSSfile:default.css*/2Panel3{4font-size:12;5color:red;6}此时我们就可以通过<mx:Style>标签将这个外部样式表文件引入当前应用（mxml）了，如下：1<mx:Stylesource="CSS/de

1/*CSSfile:default.css*/
2Panel
3{
4　　font-size:12;
5　　color:red;
6}

此时我们就可以通过<mx:Style>标签将这个外部样式表文件引入当前应用（mxml）了。如下：

1　　<mx:Stylesource="CSS/default.css"/>

下面为设置样式后的用户登录界面截图，界面字体为12号字体，颜色为红色：

三、使用Flex的样式设计器

Adobe Flex Builder提供了一个非常优秀的样式设计器，可以直接通过设计器设计出非常漂亮的效果。

下面我将对用户名和密码这两个文本输入组件进行美化，当然不是写样式表，我很懒我想直接使用Flex提供的样式设计器来生成我想要的效果。下面是通过我设计过后的文本输入组见的编码：

1<mx:TextInputx="90"y="21"id="UserName"color="#FFFFFF"fontFamily="Arial"
2　　　　　　borderStyle="inset"borderThickness="1"cornerRadius="0"
3　　　　　　backgroundColor="#000000"borderColor="#FFFFFF"
4　　　　　　textAlign="center"fontSize="14"/>
5 <mx:TextInputx="89"y="59"displayAsPassword="true"id="UserPasswrod"
6　　　　　　color="#FFFFFF"fontFamily="Arial"backgroundColor="#000000"
7　　　　　　textAlign="center"fontSize="14"/>