Flash组件之旅(2)：组件样式

组件的样式

 

　　1、组件的样式方法

　　Flash提供给我们的组件很单调，无论是颜色还是样式，都不能满足多姿多彩的网络的需求。庆幸的是我们可以通过组件的FStyleFormat对象来改变组件的颜色，可以通过手工的方式修改UI组件的外观。也可以自己来制作组件。 在库中有一个“Component Skins”元件文件夹，该文件夹里存储着构成组件的各个部件，这些部件都是一些影片剪辑元件，可以编辑。而元件文件夹“Developer Only”中则存储了组件的相关代码。这些代码一般用户可不要随便改动哦。

　　使用FStyleFormat对象来改变组件的颜色样式的方法可以分成三种。一是使用setStyleProperty()方法设置组件的样式；再是先定义一个新的FstyleFormat对象类型。

　　然后用新的FstyleFormat对象类型调用组件的属性构成一个新的样式表，接着可以让组件使用对象中的addListener()方法来套用这个样式表。譬如下面这段代码：

// 改变组件字体的颜色，其中方法的功能参见文后表1

// mycomponent就是调用新样式表的组件
var myStyle = new FStyleFormat();
myStyle.textFont = "Arial";
myStyle.textColor = 0xB6A1C0;
myStyle.addListener(mycomponent);

　　最后，还可以通过globalStyleFormat建立一个全局样式表。

　　FstyleFormat对象有addListener()、applyChanges()、removeListener()这三个方法。

　　applyChanges()方法有两种使用形式，一是指定修改样式表中的属性，既允许只使用方法的参数中设置的样式表属性，二是可以使用所有的属性设定。applyChanges()方法中的参数是组件的样式属性的名称。

　　// 以下的代码只允许使用“arrow”和“background”样式属性的设定

globalStyleFormat.arrow = 0x00ffaa;
globalStyleFormat.background = 0xaabbcc;
globalStyleFormat.check = 0x000000;
globalStyleFormat.highlight = 0xffffff;
globalStyleFormat.applyChanges("arrow", "background");

　　使用applyChanges()方法时，如果方法中没有参数，则所有组件的样式属性都会被改变。通过globalStyleFormat对象可以修改组件的样式属性，但globalStyleFormat对象是全局的，使用它所有的组件的样式属性都会改变。

　　removeListener()方法用来删除组件现有的样式属性，其使用语法如下：

　　myStyleFormat.removeListener(mycomponent);

　　removeListener()方法中的参数就是需要删除样式属性的组件的名称。removeListener()方法可以由globalStyleFormat对象来调用，用于删除由globalStyleFormat对象定义的全局样式属性。

　　addListener()方法可以指定可以改变样式的组件。如globalStyleFormat.addListener(myListBox, myComboBox, myScrollBar);，其参数就是使用自定义样式表的组件的实例名。

2．组件样式属性

　　组件的样式属性很多，这些属性可以由globalStyleFormat对象调用并设定属性的值。表1中是组件样式属性表。

　　表1 属性功能一览表

　　　　　　　　　　

属性的用法	属性的功能
arrow	设置滚动条和下拉菜单中箭头元件的颜色
background	设置列表框、组合框、单选钮和复选框组件背景部分的颜色
backgroundDisabled	设置被禁用的列表框、组合框、单选钮和复选框组件背景部分的颜色
darkshadow	设置组件内边框和暗面阴影部分的颜色
face	设置组件的只要颜色
foregroundDisabled	设置被禁用的列表框、组合框、单选钮和复选框组件前景部分的颜色
hinglight	设置当组件被选中时，其内边框和暗面阴影部分的颜色
highlight3D	设置当组件被选中时，其外边框和亮面阴影部分的颜色
radioDot	设置单选钮被选中后其间中圆点的颜色
scrollTrack	设置滚动条中滚动槽的颜色
selection	设置列表框、组合框组件中选定项目的突出部分显示的颜色
selectionDisabled	设置被禁用的组件中选定项目的突出部分显示的颜色
selectionUnfocused	设置当组件不在焦点状态时，选定项目突出部分显示的颜色
shadow	设置组件外边框或亮面阴影部分的颜色
textAlign	设置组件中文字对齐的方式，其值有“right”、“left”和“center”
textBold	设置组件中文字是否使用粗体
textColor	设置组件中文字的颜色
textDisabled	设置当组件被禁用时文本的颜色
textFont	设置组件中文字的字体名称
textIndent	设置组件中文字的缩进
textItalic	设置组件中文字是否使用斜体
textLeftMargin	设置组件中文本左边留白的宽度
textRightMargin	设置组件中文本右边留白的宽度
textSelected	设置列表菜单中被选定文本的颜色
textSize	设置组件中文字的大小
textUnderline	设置组件中的文字是否有下划线