加载外部 CSS 文件

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

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

加载外部样式表:

  1. 在喜欢使用的文本或 XML 编辑器中,创建一个文件。
  2. 将以下样式定义添加到该文件中:
    // 文件名:styles.css
    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 css_styles = new TextField.StyleSheet();
    css_styles.load("styles.css");
    css_styles.onLoad = function(ok) {
      if (ok) {
        // 显示样式名称
        trace(this.getStyleNames());
      } else {
        trace("Error loading CSS file.");
      }
    }
    
  8. 将该文件保存到包含 styles.css 的同一个目录中。
  9. 测试影片(“控制”>“测试影片”)。

    您应该看到两个样式的名称显示在“输出”面板中:

    body
    headLine
    

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

对于通过网络加载数据的所有其它动作脚本方法,CSS 文件必须与加载文件的 SWF 文件驻留在同一个域中。(请参见关于允许跨域数据加载。)