styleSheet和TextFormat类似,也是用来定义文本格式的,二者实现的效果也差不多。但是,styleSheet和TextFormat之间,是存在兼容冲突的,设置了styleSheet的文本,将无法再使用TextFormat类,否则编译时会产生报错信息。
那么,这两者之间的区别是什么呢,我大致归纳了下,有以下几点:
(1) styleSheet只能对HtmlText使用,如果没有设置该属性则无法使用。TextFormat则不受该限制影响。
(2) styleSheet可以通过修改外部CSS文件来变更文字格式,不用重新编译生成的SWF文件,这个也是styleSheet最大的优势。
(3) 设置了styleSheet的文本字段是不可以再编辑的。所以如果是一个输入文本的话,应该避免使用styleSheet。
由上也可以看到,CSS虽然说可以在Flash文件中创建,但我觉得,只有外部加载的CSS文件才有意义,否则,真的体现不出styleSheet的优势了。同时,如果你要应用styleSheet的话,建议先看下帮助,因为Flash支持的styleSheet样式元素并不多。
下面我介绍下如何加载外部CSS文件,首先,我们要创建一个CSS文件,CSS文件我就完全不懂了,所以只好抄袭一段代码来,大家把下面这段代码复制到文本文件,然后命名为example.css,和Flash文件放在同一个目录下:
p {
font-family: Times New Roman, Times, _serif;
font-size: 14;
}
h1 {
font-family: Arial, Helvetica, _sans;
font-size: 20;
font-weight: bold;
}
.bluetext {
color: #0000CC;
}
如果正确套用该CSS文件,文本会呈现蓝色字体。然后我们打开Flash,写入AS代码如下:
var loader:URLLoader = new URLLoader();
var req:URLRequest = new URLRequest("example.css");
loader.load(req);
loader.addEventListener(Event.COMPLETE, onLoaded);
function onLoaded(event:Event) {
var sheet:StyleSheet = new StyleSheet(); //定义styleSheet实例
sheet.parseCSS(loader.data); //解析外部CSS文件
var myText:TextField = new TextField();
myText.styleSheet = sheet; //调用styleSheet实例
myText.htmlText = "<span class='bluetext'>测试文本</span>"; //采用styleSheet
addChild(myText);
}
最后我再做点补充说明:
(1) 首先要创建styleSheet实例,然后用parseCSS()方法解析读取的外部CSS文件
(2) 必须在设置htmlText属性之前应用样式表,否则CSS样式是不会生效的。
(3) 在htmlText文件中调用CSS的方法和正式网页中相同。
分享到:
相关推荐
<link href="style.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7]> <style type="text/css"> .dock img { behavior: url(iepngfix.htc) } </style> <![endif]–> 第一部分是JavaScript,第二...
5. **XPath和XSLT**:XPath用于在XML文档中查找信息,而XSLT(eXtensible Stylesheet Language Transformations)则用于转换XML文档。在XML 3.0 SDK中,这两者可能有所升级,提供更高效、更强大的查询和转换功能。 ...
- `stylesheet.css`:样式表文件,用于呈现文档的样式。 - `index-all.html`:整个文档的索引页,包含所有主题的链接,便于快速导航。 - `overview-tree.html`:展示了EJB 3.0组件和接口的层次结构。 - `serialized-...
StyleSheet、StyleSheet
**Qt5 样式表(Qt5 StyleSheet)详解** 在Qt框架中,样式表(StyleSheet)是一种强大的工具,用于自定义应用程序的外观和感觉。它类似于网页开发中的CSS(层叠样式表),允许开发者通过简单的语句来改变控件的视觉...
提供的压缩包文件包含了各种辅助文档,如`stylesheet.css`用于样式,`index-all.html`和`allclasses-frame.html`是所有类的索引,`constant-values.html`显示常量值,`overview-tree.html`展示包的层次结构,`...
这些文件名如`stylesheet.css`、`index-all.html`等可能是JavaDoc生成的文档,用于详细解释Servlet 3.0规范中的API和类。`constant-values.html`列出所有常量字段的值,`overview-tree.html`展示了包和类的层次结构...
Qt 中使用 StyleSheet 实现控件外观自定义 Qt 是一个功能强大且灵活的 GUI 库,提供了丰富的样式表机制,允许开发者轻松地自定义控件的外观。通过使用 Qt StyleSheet,可以轻松地改变大部分默认控件的外观,从而...
在这样的背景下,"css转stylesheet插件,适用于鸿蒙、RN.zip" 提供了一个解决方案,帮助开发者更高效地在鸿蒙系统和React Native(RN)中应用CSS样式。 首先,我们要理解CSS(Cascading Style Sheets)在Web开发中...
在"stylesheet.zip"这个压缩包中,包含了一个关于QSS界面美化的实例,这对于想要提升自己程序界面美观度的学习者来说是一个很好的起点。 QSS允许开发者用类似CSS的语法定义Qt控件的外观和布局,如颜色、字体、边框...
安装WINCC勾选消息队列时需要安装的系统组件,下载下来和大家分享。
在Qt5环境中,`Qt5stylesheet`是一个强大的特性,它允许开发者通过CSS样式的语法来定制应用程序的界面外观。这使得Qt应用的界面设计变得更加灵活和多样化,可以轻松实现窗口背景色、控件背景色以及其他视觉元素的...
### 使用jQuery Uploadify 3.0进行文件上传的详尽指南 #### 一、简介 jQuery Uploadify是一款基于Flash技术的文件上传插件,旨在简化前端文件上传过程,提供友好的用户界面。此插件支持多种文件上传方式,并且可以...
Qt样式表(StyleSheet)是Qt中的一个重要概念,类似于网页设计中CSS的作用,允许开发者通过声明式的方法来控制Qt应用程序中控件的样式。Qt样式表的使用能够大大提高界面的可定制性,而且有助于保持代码的清晰和组织...
Qt Stylesheet是Qt框架中一个强大的特性,它允许开发者通过CSS样式语法来定制Qt应用程序的外观和感觉。这篇详尽的介绍将深入探讨Qt Stylesheet的相关知识点,帮助新学习者快速掌握这一技能。 首先,Qt Stylesheet...
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> ``` 这里,`ext-all.css`是默认的皮肤文件,如果你想使用特定的皮肤,如'gray'或'access',只需将文件名替换为相应的皮肤文件...
1. `stylesheet.css`:这是一个CSS样式表文件,用于定义文档(如HTML)的布局和外观。在浏览文档时,这个文件会为页面提供美观的样式,使用户界面更易阅读。 2. `index-all.html`:通常是文档的完整索引,包含了...
《AS3HelpCN.chm》压缩包中的XML帮助手册,是专门为ActionScript 3.0开发者准备的一份中文参考资料。XML(eXtensible Markup Language)是一种标记语言,广泛应用于数据交换、配置文件以及文档结构化等领域。在...
bower install stylesheet --save-dev使用范例 var stylesheet = new StyleSheet ( ) ;// Specify the selector to work on.stylesheet . setSelector ( '.pause-hud' ) ;// Insert rules.stylesheet . insertRule ...
QT界面开发 样式挑战