使用外部CSS设置FlashMX组件外观

最新推荐文章于 2025-10-24 09:13:11 发布

最新推荐文章于 2025-10-24 09:13:11 发布 · 113 阅读

文章标签：

#CSS #Flash #HTML

flash技术专栏收录该内容

55 篇文章

订阅专栏

本文介绍如何在FlashMX2004中通过外部CSS文件来控制组件的外观，包括创建CSS文件并定义组件属性，以及在Flash中加载CSS文件并将样式应用于组件的具体步骤。

编者注：我们都知道可以轻松的设置 Flash MX 2004 组件的外观，但是如果能用一个外部的 CSS 文件来控制，岂不是更好，使用起来就会更加的方便。这里是在网上发现的一个例子（原文网址：
[url=http://blogs.flashsupport.com/robert/archive/2004/09/08/209.aspx]
[color="#444444"]http://blogs.flashsupport.com/robert/archive/2004/09/08/209.aspx [/color]
[/url]
）：
1. 创建一个 CSS 文件，定义组件的一些属性，如： /* Filename: styles.css */
checkbox {
color: 0x0000FF;
embedFonts: false;
fontFamily: Arial;
fontSize: 24;
} 2. 在 Flash 中载入这个 CSS 文件，将组件套上相关的样式：
import mx.controls.CheckBox;
var oStyle:Object;
var ccbTest:mx.controls.CheckBox;
var styles = new TextField.StyleSheet();
styles.onLoad = function(bSuccess:Boolean):Void {
if (bSucess) {
oStyle = this.getStyle("checkbox");
for(var i in oStyle){
ccbTest.setStyle(i, oStyle[i]);
}
} else {
trace("Error loading CSS file.");
}
};
styles.load("styles.css");
本文转自：http://www.5uflash.com/flashjiaocheng/Flashzujianxuexi/225.html