Flash CS3 文档

学习 Adobe Flash 中的 ActionScript 2.0 > 使用文本和字符串 > 使用层叠样式表设置文本格式 > 加载外部 CSS 文件

加载外部 CSS 文件

您可以在外部 CSS 文件中定义样式，然后将该文件加载到样式表对象中。在 CSS 文件中定义的样式会被添加到样式表对象中。若要加载外部 CSS 文件，请使用 TextField.StyleSheet 类的 load() 方法。若要确定 CSS 文件何时完成加载，请使用样式表对象的 onLoad 事件处理函数。

在下例中，您将创建并加载一个外部 CSS 文件并使用 TextField.StyleSheet.getStyleNames() 方法检索所加载样式的名称。

加载外部样式表：

1. 在喜欢使用的文本或 CSS 编辑器中，创建一个新的文件。
2. 将以下样式定义添加到该文件中：

   .bodyText {
       font-family: Arial,Helvetica,sans-serif;
       font-size: 12px;
   }
   
   .headline {
       font-family: Arial,Helvetica,sans-serif;
       font-size: 24px;
   }
   

3. 将该 CSS 文件另存为 styles.css。
4. 在 Flash 中，创建一个新 FLA 文件。
5. 在时间轴（“窗口”>“时间轴”）中，选择“图层 1”。
6. 打开“动作”面板（“窗口”>“动作”）。
7. 将以下代码添加到“动作”面板中：

   var styles:TextField.StyleSheet = new TextField.StyleSheet();
   styles.onLoad = function(success:Boolean):Void {
       if (success) {
           // 显示样式名称。
           trace(this.getStyleNames());
       } else {
           trace("Error loading CSS file.");
       }
   };
   styles.load("styles.css");
   

   注意

   在上面的代码片段中，this.getStyleNames() 是指您在 ActionScript 的第一行中构造的 styles 对象。

8. 将 FLA 文件保存到包含 styles.css 的同一个目录中。
9. 测试 Flash 文档（“控制”>“测试影片”）。

   您应该可以在“输出”面板中看到两个样式的名称：

   .bodyText,.headline
   

   如果在“输出”面板中看到了“加载 CSS 文件时出错。”，则请确保 FLA 文件和 CSS 文件在同一个目录中并且正确键入了 CSS 文件的名称。

与通过网络加载数据的其它所有 ActionScript 方法一样，CSS 文件必须与加载文件的 SWF 文件驻留在同一个域中。（请参阅限制网络 API。）有关在 Flash 中使用 CSS 的详细信息，请参阅《ActionScript 2.0 语言参考》中的 StyleSheet (TextField.StyleSheet)。

有关说明如何将 CSS 格式设置应用于在运行时加载到 SWF 文件中的文本的范例源文件 formattedText.fla，请参阅“Flash 范例”页，网址为 www.adobe.com/go/learn_fl_samples_cn。下载并解压缩 Samples zip 文件，然后定位到 ActionScript2.0/LoadText 文件夹以访问该范例。

Flash CS3

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://livedocs.adobe.com/flash/9.0_cn/main/00000910.html

添加评论