9.1.用CSS定义组件样式

2024-07-11 07:46:09

字体：大中小

来源：转载

供稿：网友

9.1.1.问题
你希望利用CSS 对组件应用皮肤
9.1.2.解决办法
利用类选择器或类型选择器声明样式属性。
9.1.3.讨论
你可以用CSS 个性化你的用户界面。如果熟悉HTML 文档中的样式元素，你会发现Flex里的CSS 语法大致相同. 你可以用类选择器为各种组件指派样式，同样你可以为一个组件定义类型选择器，它将适用于显示列表上该组件的所有实例。

类选择器经过声明后，在程序范围内可对不同组件应用任意次。类选择器的语法是一个句号（或点），后面跟着与样式有关的你所想的任何名字，驼峰样式同时以小写字母开头---举个例子, .myCustomStyle. 接下来的例子用<mx:Style> 标签创造了局部样式，并在代码内利用styleName 属性将样式指派给一个Label 组件:

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Style>
.labelStyle {
font-family: 'Arial';
font-size: 20px;
font-weight: 'bold';
color: #FFFFFF;
}
</mx:Style>
<mx:Label text="Hello Flex!" styleName="labelStyle" />
</mx:Application>