| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <!-- saved from url=(0014)about:internet --> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| <title>sample3.mxml</title> |
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> |
| </head> |
| |
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0"?></span> |
| <span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> |
| xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" |
| xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" |
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" |
| creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Declarations></span> |
| <span class="MXMLSpecial_Tag"><fx:XML</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">textFlowAsXML</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">MyTextFlow.xml</span><span class="MXMLDefault_Text">" </span><span class="MXMLSpecial_Tag">/></span> |
| <span class="MXMLSpecial_Tag"></fx:Declarations></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Style></span> |
| <span class="CSS@namespace">@namespace</span> <span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; |
| <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span> |
| <span class="CSSProperty_Name">baseColor</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#000000</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">fontFamily</span><span class="CSSDelimiters">:</span> <span class="CSSString">"Verdana"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">fontSize</span><span class="CSSDelimiters">:</span> <span class="CSSString">"12"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSProperty_Name">advancedAntiAliasing</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">true</span><span class="CSSDelimiters">;</span> |
| <span class="CSSDelimiters">}</span> |
| |
| <span class="MXMLSpecial_Tag"></fx:Style></span> |
| <span class="MXMLSpecial_Tag"><fx:Script></span><![CDATA[ |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">conversion</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextConverter</span>; |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">elements</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextFlow</span>; |
| |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextFlowUtil</span>; |
| <span class="ActionScriptDefault_Text">XML</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ignoreWhitespace</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>; |
| <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptComment">// Creates a TextFlow by importing a String containing the markup language used by the Text Layout Framework. |
| </span> <span class="ActionScriptComment">// If you specify it, don't forget the namespace -> xmlns="http://ns.adobe.com/textLayout/2008" |
| </span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">markup</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"<TextFlow xmlns='http://ns.adobe.com/textLayout/2008'><p fontFamily='Arial'>This is TLF markup with paragraphs.</p><p color='0x663399'>The root TextFlow tag is inlcuded.</p></TextFlow>"</span>; |
| <span class="ActionScriptDefault_Text">rt1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textFlow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextFlowUtil</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">importFromString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">markup</span><span class="ActionScriptBracket/Brace">)</span>; |
| |
| <span class="ActionScriptComment">// This next string shows that if the root TextFlow tag is omitted, it will be added for you. |
| </span> <span class="ActionScriptDefault_Text">markup</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"<p color='0xCE267D'>This is TLF markup with paragraphs.</p><p fontSize='10' fontWeight='bold' fontFamily='Arial'>The root TextFlow tag is omitted and therefore created automatically.</p>"</span>; |
| <span class="ActionScriptDefault_Text">rt2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textFlow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextFlowUtil</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">importFromString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">markup</span><span class="ActionScriptBracket/Brace">)</span>; |
| |
| <span class="ActionScriptComment">// This line shows how you would import plain text with no paragraph spacing |
| </span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">autoMarkup</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"This is just a plain old string that has no markup within it."</span>; |
| <span class="ActionScriptDefault_Text">rt3</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textDisplay</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textFlow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextFlowUtil</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">importFromString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">autoMarkup</span><span class="ActionScriptBracket/Brace">)</span>; |
| |
| <span class="ActionScriptComment">// This example shows how you can use the TextConverter class from TLF to import HTML formatted text |
| </span> <span class="ActionScriptComment">// See the docs for the subset of HTML that is supported: |
| </span> <span class="ActionScriptComment">// http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flashx/textLayout/conversion/TextConverter.html#TEXT_FIELD_HTML_FORMAT |
| </span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">myHTML</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"<p>This is <i>HTML</i> markup.<br><b>Hello Tour de Flex Users!</b></p>"</span>; |
| <span class="ActionScriptDefault_Text">rt4</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textFlow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextConverter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">importToFlow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myHTML</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">TextConverter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TEXT_FIELD_HTML_FORMAT</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">></span><span class="MXMLSpecial_Tag"></fx:Script></span> |
| |
| <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Importing Text using TLF and Flex 4</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:layout></span> |
| <span class="MXMLComponent_Tag"><s:HorizontalLayout</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:layout></span> |
| |
| <span class="MXMLComponent_Tag"><s:VGroup></span> |
| <span class="MXMLComponent_Tag"><s:RichText</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rt1</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rt2</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rt3</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">260</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:RichEditableText</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rt4</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| |
| <span class="MXMLComponent_Tag"><s:RichText</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rt5</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">280</span><span class="MXMLDefault_Text">" |
| textFlow="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">TextFlowUtil</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">importFromXML</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">textFlowAsXML</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" |
| horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:VGroup></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">This sample shows how you can use different types of text markup within |
| the Flex 4 components that are based on TLF through an import. This can be especially useful for dynamically loading text |
| that is returned from an HTTPService call at runtime for instance.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| |
| <span class="MXMLComponent_Tag"></s:Panel></span> |
| <span class="MXMLComponent_Tag"></s:Application></span></pre></body> |
| </html> |
