Flash组件之旅(2):组件样式(1)

2016-01-29 13:40 4 1 收藏

Flash组件之旅(2):组件样式(1),Flash组件之旅(2):组件样式(1)

【 tulaoshi.com - Flash 】


  组件的样式

  1、组件的样式方法

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  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);,其参数就是使用自定义样式表的组件的实例名。


来源:http://www.tulaoshi.com/n/20160129/1491075.html

延伸阅读
标签: flash教程
使用第三方组件 如果想添加第三方的组件到 MX的“组件”面板中,最简单的方法就是先找到路径Flash MX\First Run\下的Components文件夹,然后将其打开,打开后您会可以发现一个Flash UI Components.fla文件,这就是FlashMX存放七个内置组件的文件。现在只要把第三方组件(.fla格式)放到Components文件夹中即可。然后重新启...
标签: flash教程
2.“折叠菜单”组件 下载地址:http://vip.5dmedia.com/skyleaf/pchome/xmp/CollapsibleMenu.mxp “折叠菜单”组件主要是给用户提供一个设计弹出菜单的工具。安装好“折叠菜单”组件后,启动FlashMX,打开“组件”面板,在“Flash UI Components”下拉菜单中点选“Collapsible Menu”选项,接着把该组件拖拽到场景中,选中...
标签: flash教程
3.“活动窗口”组件 下载地址:http://vip.5dmedia.com/skyleaf/pchome/xmp/AmiWindowComponent.zip 下载该组件后,把AmiWindowComponent.fla放入Components文件夹内。启动FlashMX,打开“组件”面板,在“Flash UI Components”下拉菜单中点选“AmiWindowComponent”选项,接着把“AmiWindowComponent”组件和“ScrollBar”...
标签: FLASH flash教程
The Tree Component组件允许你显示一个树状结构的导航,而且可以是图形化的。其实你已经很了解它了,因为它和我们经常使用的资源管理器是十分相似的。 1. 创建一个400*200大小的新的FLASH文件,使用下列的图示做为参照进行布局。 540)this.width=540"> 2. 创建两个新分层,从上到下分别将新层命名为:action,tree component,tex...
标签: flash教程
MX中新增了Components UI(UI组件)功能。有了组件的帮助,就可以设计出更复杂、更强大的程序。譬如可以设计一些窗体,用来登记用户的地址、电话、电子邮件地址以及其它个人信息,并在提交到前验证这些数据。或是建立一个多问题、多部分的调查,迅速计算结果并画出调查结果数据图表。或是建立个人像册,存放图像和缩略图。或是创建...

经验教程

130

收藏

37
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部