|
|
| Flash组件之旅 |
大家都知道,“属性”面板是Flash
MX的一大特色。每个组件不但可以在“属性”面板设置其属性,而且还有自己的“参数”面板进行参数的设置。按快捷键Ctrl+F3可以打开“属性”面板,然后点选组件,就可以设置组件的参数了。按快捷键Ctrl+F7可以打开“组件”面板,然后用鼠标左键按住面板中的组件即可将组件拖拽到场景中。按快捷键Alt+F7可以打开组件相应的“参数”面板。
Flash MX中自带了七个组件。
CheckBox(复选框)
组件“参数”面板中,InitialValue选项是初始化组件的被选状态,参数值是true则组件初识为选中。Alignment设置复选框组件选框的位置,参数值为left时勾选框在组件左面。Change
Handler选项中输入执行函数的名称。getValue()用来获取组件的可选状态,其返回值为true或false,setLabel()可以改变组件的标签。
ComboBox(组合框)
组件“参数”面板中,Editable(可编辑)的参数为true时提供文本输入功能;Labels(标签)里输入组合框各菜单选项名,双击该选项会弹出Values(参数)面板;Data(数据)同Labels参数一样也是一个字符串数组,只是参数中的数组元素分别对应着Labels参数中的元素,其值也可以从Values面板中输入;RowCount(行数)是设置下拉列表里可同时显示的行数。
ListBox(列表框)
组件的参数SelectMultiple(项目多选)可以设置是否在列表框中(按住Ctrl或Shift键)选择多个菜单项。当参数值为true时则项目可以进行多选。
PushButton(普通按钮)组件可以响应鼠标与键盘的操作。
RadioButton(单选按钮)组件的参数Initial State(初始状态)设置按钮初始状态是否为选中。同组单选按钮(具有相同的groupName)中最多只能有一个为被选状态;Data(数据)选项中的参数与单选按钮相关联;Label
Placement为组件的对齐方式。
ScrollBar(文本滚动条)组件可以用来滚动浏览文本框中的内容。可以通过鼠标、方向键和翻页键来控制文本的浏览。实用文本滚动条组件是要把滚动条和文本框必须放在同一层中。
ScrollPane(滚动窗格)
滚动窗格中Scroll Content(滚动目标)参数是一个字符串,是给影片剪辑设置链接属性时起的名称(标识符);Horizontal
Scroll(横向滚动)如果参数为true则显示横向滚动条,否则不显示;Vertical Scroll(纵向滚动)是显示纵向滚动条的;Drag
Content(鼠标拖动)设置是否可以使用鼠标拖动显示的内容。参数为false时禁止使用鼠标。
组件样式
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 组件样式属性功能一览表]
属性的用法: 属性的功能
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: 设置组件中的文字是否有下划线
|
|
|
|