FLASH MX2004体验二：定制组件外观

JITAO110

MX2004自带的组件比MX漂亮了很多, 但有时候为了让组件的外观和整个页面的样式相统一, 必须重新改变组件的外观, 比如组件标签的字体和颜色, 组件的背景颜色等等. 这个FlashMX自身是做不到的. 改变组件外观有三种方法: Use the Styles API(使用样式API), Apply a theme(应用一个主题名), 和Modify or replace a component's skins(修改或替换组皮肤). 这里着重说明第一种方法, Use the Styles API(application programming interface). 我们可以利用Styles API 提供的属性和方法( setStyle()和getStyle())来改变组件的颜色和文本格式. 其中使用Styles又有四种方法: 1．Set styles on a component instance. (对一个组件实例设置样式) 2．Use the _global style declaration that sets styles for all components in a document.(使用全局样式声明对文档的所有组件设置样式) 3．Create custom style declarations and apply them to specific component instances.(创建自定义样式声明并应用到指定的组件实例) 4．Create default class style declarations.(为组件类别创建样式声明) 下面对每一种方法进行详解. Set styles on a component instance (对一个组件实例设置样式). 从components面板拖个Button 组件到场景(也可以用其它组件)，并命名为”myBtn”:

登录/注册后可看大图

快捷键”F9”打开Action面板，在时间线上写Action: myBtn.setStyle("themeColor", "0x00CCFF"); myBtn.setStyle("fontFamily", "Verdana"); myBtn.setStyle("fontSize", "10"); myBtn.setStyle("fontWeight", "bold"); myBtn.setStyle("color", "0x990000"); Ctrl Enter 预览效果，组件样式是不是改变了？下面是默认的样式和刚才自定义样式的效果对比图：

登录/注册后可看大图

Use the _global style declaration that sets styles for all components in a document.(使用全局样式声明对文档的所有组件设置样式) FlashMX2004的_global对象的Style属性可以做到这一点： 从components面板拖n 个组件到场景，这里我用的是Button，CheckBox和RadioButton 三个组件，也不要给组件命名，直接在时间线上写Action: _global.style.setStyle("themeColor", "0x00CCFF"); _global.style.setStyle("fontFamily", "Verdana"); _global.style.setStyle("fontSize", "10"); _global.style.setStyle("fontWeight", "bold"); _global.style.setStyle("color", "0x990000"); Ctrl Enter 预览效果.下面是这三个组件的前后效果对比图：

登录/注册后可看大图

&nbs