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

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"?>
<!-- <a href="http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/" title="http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/">http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow...</a> -->
<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"?>
<!-- <a href="http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/" title="http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow-object-in-flex-4/">http://blog.flexexamples.com/2009/06/28/styling-hyperlinks-in-a-textflow...</a> -->
<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" />
<p fontWeight="bold">The following excerpt is from <a href="http://blog.flexexamples.com/" target="_self">Flex Examples</a>:</p>
<p>The following example shows how you can import a TextFlow object from an XML object in Flex 4 by using the static <span format="code">TextFlowUtil.importFromXML()</span> method.</p>
<p>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>.</p>
</TextFlow>
转载于