htmlText的常用方法

最新推荐文章于 2024-11-06 07:17:43 发布

原创最新推荐文章于 2024-11-06 07:17:43 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

as3 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了 Flash 中 TextField 的 htmlText 属性及其支持的标签，包括如何创建超链接、设置字体样式、段落排版等，并展示了如何利用 StyleSheet 进行更复杂的样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.TextField的htmlText属性自带的标签：
 a.<a> = anchor 标签创建超文本连接，支持以下属性。
 href,event,target
 。tf.htmlText = '<a href = "http://www.google.com.hk" target = "_blank"> 单击访问谷歌中国 </a>'; // 连接要加http://前缀，表示绝对引用。
 。event配合textevent使用：
 tf.htmlText = '<a href = "event:file">单击输出内容</a>';
 addEventListener(TextEvent.LINK,onLink);
 function onLink(e:TextEvent):void
 {
 trace(e.text);
 }

 b.标签 = bold。设置字体为粗体，当前前提是该字体支持粗体。

 c. 标签 = break。设置换行，一般直接用 。前提是支持换行，设置multiline = true;

d.标签。设置color，face(字体),size

e.<li> = list,设置列表

var txt:TextField = new TextField();
txt.multiline = true;
txt.htmlText = "Here is a list of items: <li>-Item 1</li><li>Item 2</li><li>Item 3</li>";
addChild(txt);

*f.创建一个段落标签。设置align和class（使用StyleSheet设置）Paragraph ：即可以设置段落，排版
 // 将样式设置到style中，然后再复制给p标签，这样应用了标签后能直接应用
 // 另一种是直接写在标签中<color = "#0xFFFFFF",size = ...
 var style:StyleSheet = new StyleSheet();

 var p:Object = new Object();
 p.fontStyle = "italic";
 p.fontWeight = "bold";
 p.color = "#FF0000";

 style.setStyle(".heading", heading);
 style.setStyle("p", p);

 var txt:TextField = new TextField();
 txt.styleSheet = style;
 txt.width = 400;
 txt.htmlText = "Hello World";
 addChild(txt);

 //

// 总之，简单些的直接用 ,复杂些需要排版的用标签+ StyleSheet

StyleSheet的高级点的用法
 var style:StyleSheet = new StyleSheet();

var link:Object = new Object();
link.fontWeight = "bold";
link.color = "#FF0000";

var hover:Object = new Object();
hover.fontStyle = "italic";

var active:Object = new Object();
active.fontStyle = "italic";
active.color = "#FFFF00";

style.setStyle("a:link", link);
style.setStyle("a:hover", hover);
style.setStyle("a:active", active);

var txt:TextField = new TextField();
txt.width = 400;
txt.styleSheet = style;
txt.htmlText = "Visit: <a href='www.google.com' target='_blank'>Google.com</a> or call a <a href='event:link1'>function</a>";
txt.addEventListener(TextEvent.LINK, linkHandler);
addChild(txt);

function linkHandler(event:TextEvent):void {
 if(event.text == "link1") {
 trace("hello!");
 }
}

分别设置三个状态下的文本格式，不同的显现