将样式用于 XML 的示例

在本节中,您将创建与先前创建的 FLA 文件(请参见将样式用于 HTML 的示例)相同的文件,但这次使用 XML 格式文本。在本例中,您将使用动作脚本创建样式表,而不是从 CSS 文件导入样式。

使用样式表设置 XML 的格式:

  1. 在 Flash 中,创建一个 FLA 文件。
  2. 使用“文本”工具,创建一个大约 400 像素宽、300 像素高的文本字段。
  3. 打开属性检查器(“窗口”>“属性”)并选择该文本字段。
  4. 在属性检查器中,从“文本类型”菜单中选择“动态文本”,从“线条类型”菜单中选择“多行”,选择“将文本呈现为 HTML”选项,然后在“实例名称”文本框中键入 news_txt
  5. 在时间轴(“窗口”>“时间轴”)的图层 1 上,选择第 1 帧。
  6. 若要创建样式表对象,打开“动作”面板(“窗口”>“开发面板”>“动作”)并将以下代码添加到“动作”面板中:
    var xml_styles = new TextField.StyleSheet();
    xml_styles.setStyle("mainBody", {
      color:'#000000', 
      fontFamily:'Arial,Helvetica,sans-serif', 
      fontSize:'12', 
      display:'block'
    });
    xml_styles.setStyle("title", {
      color:'#000000', 
      fontFamily:'Arial,Helvetica,sans-serif', 
      fontSize:'18', 
      display:'block', 
      fontWeight:'bold'
    });
    xml_styles.setStyle("byline", {
      color:'#666666', 
      fontWeight:'bold', 
      fontStyle:'italic', 
      display:'inline'
    });
    xml_styles.setStyle("a:link", {
      color:'#FF0000'
    });
    xml_styles.setStyle("a:hover", {
      textDecoration:'underline'
    });
    

    此代码创建一个名为 xml_styles 的新样式表对象,该对象使用 setStyle() 方法定义样式。这些样式与本章前面部分中在外部 CSS 文件中创建的样式完全匹配。

  7. 若要创建将分配到文本字段的 XML 文本,请将以下代码添加到“操作”面板上:
    var storyText = "<title>Flash Player now supports CSS</title><mainBody><byline>San Francisco, CA</byline>--Macromedia Inc. announced today a new version of Flash Player that supports Cascading Style Sheets (CSS) text styles.For more information, visit the <a href=\"http://www.macromedia.com\">Macromedia Flash website</a></mainBody>";
    
  8. 最后,添加以下代码将样式表对象应用于文本字段的 styleSheet 属性并将 XML 文本分配到该文本字段。
    news_txt.styleSheet = xml_styles;
    news_txt.text = storyText;
    
  9. 将该文件另存为 news_xml.fla。
  10. 运行影片(“控制”>“测试影片”)自动查看应用于字段中文本的样式。