Flex Gumbo中如何通过lineBreak样式设置Spark TextArea自动换行的例子

By Minidxer | July 4, 2009

接下来的例子演示了Flex Gumbo中如何通过在lineBreak样式中设置flashx.textLayout.formats.LineBreak类的静态constants,实现Spark TextArea自动换行。



下面是代码:

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_TextArea_lineBreak_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <mx:ApplicationControlBar cornerRadius="0" width="100%">
  8.         <mx:Form styleName="plain">
  9.             <mx:FormItem label="lineBreak:">
  10.                 <s:DropDownList id="comboBox" requiresSelection="true">
  11.                     <s:dataProvider>
  12.                         <s:ArrayList source="[toFit,explicit]" />
  13.                     </s:dataProvider>
  14.                 </s:DropDownList>
  15.             </mx:FormItem>
  16.         </mx:Form>
  17.     </mx:ApplicationControlBar>
  18.  
  19.     <s:TextArea id="textArea"
  20.             lineBreak="{comboBox.selectedItem}"
  21.             fontSize="16"
  22.             horizontalCenter="0"
  23.             verticalCenter="0">
  24.         <s:content>
  25.             <s:p>1. The quick brown fox jumps over the lazy dog.</s:p>
  26.             <s:p>2. The quick brown fox jumps over the lazy dog.</s:p>
  27.             <s:p>3. The quick brown fox jumps over the lazy dog.</s:p>
  28.             <s:p>4. The quick brown fox jumps over the lazy dog.</s:p>
  29.             <s:p>5. The quick brown fox jumps over the lazy dog.</s:p>
  30.             <s:p>6. The quick brown fox jumps over the lazy dog.</s:p>
  31.             <s:p>7. The quick brown fox jumps over the lazy dog.</s:p>
  32.             <s:p>8. The quick brown fox jumps over the lazy dog.</s:p>
  33.             <s:p>9. The quick brown fox jumps over the lazy dog.</s:p>
  34.         </s:content>
  35.     </s:TextArea>
  36.  
  37. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: FxTextArea, Gumbo | 1 Comment » | 641 views Tags: , , , ,

Search Posts