Flex s:Label 设置超链接

最新推荐文章于 2017-04-12 16:29:49 发布

原创最新推荐文章于 2017-04-12 16:29:49 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在Adobe Flex中创建类似HTML的超链接效果。通过使用Label组件并设置buttonMode、click事件处理程序、颜色及下划线装饰等属性，可以实现点击跳转功能。此外，还介绍了使用LinkButton、LinkBar和RichEditableText组件来实现更复杂的超链接场景。

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

在Flex中，需要在label上设置一个超链接，类似与html中的超链接：

<a href="www.iteye.com">iteyer</a>

在Flex中可以如下设置，完成同样的效果：

<s:Label id="textLabel" buttonMode="true"
click="textLabel_clickHandler(event)" color="blue" text="link"
textDecoration="underline"/>

protected function textLabel_clickHandler(event:MouseEvent):void
{
navigateToURL("http://www.baidu.com", "blank");
}

navigateToURL(url,mode);
mode:  _self (本窗口打开), _blank(新窗口打开) , _top

另外，还可以用<s:LinkButton>,<s:LinkBar> 以及<s:RichEditableText>

<s:RichEditableText
 editable="false" >
 <s:textFlow>
 <s:TextFlow>
 <s:p>
 <s:a href="http://www.51.com">51.com</s:a>
 </s:p>
 </s:TextFlow>
 </s:textFlow>
 </s:RichEditableText>