ActionScript编程 显示HTML格式文本
作用:
使文本字段中显示带有HTML格式的文本,与在网页中使用HTML标签为文本定义样式是相同的。
说明:
无论将Field对象的text属性设置为任何值,它只会以纯文本的形式显示出来。如果想要让显示的文本内容应用HTML格式,则需要使用htmlText属性,该属性能够解释和显示文本字符串中的HTML标签。htmlText属性的使用方法如下所示。
Field.htmlText = "HTMLString";
Flash Player可以支持的HTML标签如下所示。
● 锚标签 使用<a>标签创建超文本链接,并支持如表19-1所示的两种属性。
表19-1 锚标签支持的属性
属性 | 说明 |
target | 指定加载页面的目标窗口的名称,它的值包含_self、_blank、_parent和_top。_self指定当前窗口中的当前帧;_blank指定一个新窗口;_parent指定当前帧的父级;而_top指定当前窗口中的顶级帧。 |
href | 指定URL或ActionScript link事件,该URL可以是绝对路径,也可以是相对路径。www.adobe表示对URL的绝对路径;/index.html表示相对路径。绝对URL必须以为前缀,否则Flash会将其视为相对URL。另外,还可以使用样式表为锚标签定义a:link、a:hover 和 a:active样式。 |
● 粗体标签 <b>标签以粗体形式呈现文本。粗体必须可用于所使用的字体。html ul标签
● 换行标签 <br>标签将在文本字段中创建一个换行符。将文本字段设置为多行文本字段以使用此标签。
● 字体标签 <font>标签指定一种字体或一个字体列表来显示文本。字体标签支持如表19-2所示的属性。
表19-2 字体标签支持的属性
属性 | 说明 |
color | 指定文本的颜,只支持十六进制颜值,例如白为#FFFFFF、黑为#000000。 |
face | 指定要使用的字体的名称。如果指定一个以逗号分隔的字体名称的列表,在这种情况下,Flash Player选择第一个可用字体;如果本地计算机系统上未安装指定的字体,或SWF文件中未嵌入指定的字体,则Flash Player将选择替代字体 |
size | 指定字体的大小。可以使用绝对像素大小(如8或10),也可以使用相对磅值(如+3或-2)。 |
● 图像标签 使用<img> 标签可将外部图像文件(JPEG、GIF、PNG)、SWF文件和影片剪辑嵌入到文本字段中。在文本字段中,文本在嵌入的图像旁自动换行。必须将文本字段设置为多行才能在图像周围绕排文本。图像标签支持如表19-3所示的属性。
表19-3 图像标签支持的属性
属性 | 说明 |
src | 指定图像或SWF文件的URL,或库中影片剪辑元件的链接标识符,该此属性是必需的。外部文件(JPEG、GIF、PNG和SWF文件)只有在完全下载之后才能显示。 |
width | 所插入的图像、SWF文件或影片剪辑的宽度(以像素为单位)。 |
height | 所插入的图像、SWF文件或影片剪辑的高度(以像素为单位)。 |
align | 指定文本字段中嵌入图像的水平对齐方式。有效值为left和right,默认值为left。 |
hspace | 指定图像周围不显示任何文本的水平距离。默认值为8。 |
vspace | 指定图像周围不显示任何文本的垂直距离。默认值为8。 |
id | 指定包含嵌入的图像文件、SWF文件或影片剪辑的影片剪辑实例(由Flash Player创建)的名称。该方法可用于使用ActionScript控制嵌入的内容。 |
checkPolicyFile | 指定Flash Player将在与图像域相关的服务器上查URL策略文件。如果存在策略文件,则此文件中列出的域中的SWF文件可以访问所加载的图像的数据,例如,通过使用该图像作为source参数来调用BitmapData.draw()方法。 |
Flash以完全大小显示文本字段中嵌入的媒体。如果要指定嵌入的媒体的尺寸,可以使用<img>标签的height和width属性。通常情况下,文本字段中嵌入的图像显示在<img>标签后的行上。但是,如果<img>标签是文本字段中的第一个字符,则该图像显示在文本字段的第一行上。 | |
● 斜体标签 <i>标签以斜体形式显示标签中的文本。斜体必须可用于所使用的字体。
● 列表项标签 <li>标签在所包含的文本前放置项目符号。注意:因为Flash Player无法识别有序和无序列表标签(<ol>和<ul>),所以这些标签无法修改列表的呈现方式。所有列表都是无序的,所有列表项都使用项目符号。
● 段落标签 <p>标签创建一个新段落。必须将文本字段设置为多行文本字段才能使用此标签。<p> 标签支持如表19-4所示的属性。
表19-4 段落标签支持的属性
属性 | 说明 |
align | 指定段落内文本的对齐方式,有效值为left、right、justify和center。 |
class | 指定StyleSheet对象定义的CSS样式类。 |
● Span 标签 <span>标签只可用于CSS文本样式。它支持classs属性,指定StyleSheet对象定义的CSS样式类。
● 文本格式标签 使用<textformat>标签可在文本字段中使用TextFormat类的段落格式设置属性的子集,其中包括行距、缩进、边距和Tab停靠位。可以将<textformat>标签与内置HTML标签结合使用。<textformat>标签支持如表19-5所示的属性。
表19-5 文本标签支持的属性
属性 | 说明 |
blockindent | 指定块缩进(以磅为单位),对应于TextFormat.blockIndent。 |
indent | 指定从左边距到段落中第一个字符的缩进,对应于TextFormat.indent。该属性可以接受正数和负数。 |
leading | 指定行与行之间的垂直间距,对应于TextFormat.leading。该属性可以接受正数和负数。 |
leftmargin | 指定段落的左边距(以磅为单位),对应于TextFormat.leftMargin。 |
rightmargin | 指定段落的右边距(以磅为单位),对应于TextFormat.rightMargin。 |
tabstops | 将自定义Tab停靠位指定为一个非负整数的数组,对应于TextFormat.tabStops。 |
● 下划线标签 <u>标签为标签文本添加下划线。
在文本字段中使用HTML标签,是加入超级链接和设置格式(例如字体大小和颜)的简便方式。 | |
示例:
创建名称为field1和field2的TextField实例,将带有HTML格式的字符串分别赋值给这两个实例的text属性和htmlText属性,并将这两个属性值输出进行比较,如下所示。
TextField;
//创建field1文本字段
var field1:TextField = new TextField();
field1.width = 500;
field1.htmlText = "<font color='#FF0000' size='20px'>ActionScript 3.0</font>是一种<i>强
大</i>的<font color='#0000FF'>面向对象</font>编程语言!";
addChild(field1);
//创建field2文本字段
var field2:TextField = new TextField();
field2.width = 500;
field2.y = 100;
field2.wordWrap = true; //启用自动换行
= "<font color='#FF0000' size='20px'>ActionScript 3.0</font>是一种<i>强大</i>的<font color='#0000FF'>面向对象</font>编程语言!";
addChild(field2);
执行上面的代码,从显示的结果可以看出:field1文本字段中显示的内容应用了HTML标签
格式,而field2文本字段则没有,它只是以纯文本的形式将所有内容输出,其中包含HTML标签。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论