如何在Flex4中的TextFlow对象中定义链接的样式

Flex4中TextFlow链接样式

最新推荐文章于 2025-10-21 16:06:03 发布

原创最新推荐文章于 2025-10-21 16:06:03 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #XML #Blog

AIR(flex) 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何在Flex4的TextFlow对象中为超链接定义样式，包括正常状态、悬停状态及激活状态的样式设置。通过示例代码展示了如何使用linkNormalFormat、linkHoverFormat和linkActiveFormat属性来实现不同状态下的链接样式。

Posted 七月 20th, 2009 by bill
Flex4
本文翻译自http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/ 提供了一个在TextFlow对象中，通过设定 linkNormalFormat, linkHoverFormat, linkActiveFormat 属性，给链接定义样式.

由于这篇文章使用的仍然是Flex4 sdk的beta版本，有可能在以后有细微的变化。

<?xml version="1.0" encoding="utf-8"?>

<s:Application name="Spark_TextArea_textFlow_linkHoverFormat_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">

<fx:Script>
<![CDATA[
import flashx.textLayout.formats.WhiteSpaceCollapse;
import spark.utils.TextFlowUtil;

XML.ignoreWhitespace = false;
]]>
</fx:Script>

<fx:Declarations>
<fx:String id="markup" source="teaserTextFlow.xml" />
</fx:Declarations>

<s:TextArea id="txtArea"
textFlow="{TextFlowUtil.importFromString(markup, WhiteSpaceCollapse.PRESERVE)}"
editable="false"
width="400"
horizontalCenter="0"
verticalCenter="0" />

</s:Application>
代码中的TextFlow（teaserTextFlow.xml）的定义在这里：
<?xml version="1.0" encoding="utf-8"?>

<TextFlow xmlns="http://ns.adobe.com/textLayout/2008" whiteSpaceCollapse="preserve" fontSize="16" paragraphSpaceAfter="15" paddingTop="4" paddingLeft="4">
<linkNormalFormat color="#0000ff" textDecoration="underline" />
<linkHoverFormat color="#ff0000" textDecoration="underline" />
<linkActiveFormat color="#ff00ff" textDecoration="underline" />
<format id="code" backgroundColor="#000000" backgroundAlpha="0.1" fontFamily="_typewriter" />
The following excerpt is from <a href="http://blog.flexexamples.com/" target="_self">Flex Examples</a>:
The following example shows how you can import a TextFlow object from an XML object in Flex 4 by using the static TextFlowUtil.importFromXML() method.
For more information, see <a href="http://blog.flexexamples.com/2009/06/25/importing-a-text-flow-from-an-xml-object-in-flex-4/">"Importing a text flow from an XML object in Flex 4"</a>.
</TextFlow>
转载于