Flex 4中如何设置TextArea段落竖直方向间隔的例子

By Minidxer | September 28, 2009

接下来的例子演示了Flex 4中如何通过paragraphSpaceBefore和paragraphSpaceArea样式，设置TextArea段落竖直方向间隔。



下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_TextArea_paragraphSpaceBefore_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.     <s:layout>
  7.         <s:VerticalLayout />
  8.     </s:layout>
  9.  
  10.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  11.         <mx:Form styleName="plain">
  12.             <mx:FormItem label="paragraphSpaceBefore:">
  13.                 <s:HSlider id="sliderBefore" liveDragging="true" />
  14.             </mx:FormItem>
  15.             <mx:FormItem label="paragraphSpaceAfter:">
  16.                 <s:HSlider id="sliderAfter" liveDragging="true" />
  17.             </mx:FormItem>
  18.         </mx:Form>
  19.     </mx:ApplicationControlBar>
  20.  
  21.     <s:Group width="100%" height="100%">
  22.         <s:TextArea id="textArea"
  23.                 textAlign="justify"
  24.                 paragraphSpaceBefore="{sliderBefore.value}"
  25.                 paragraphSpaceAfter="{sliderAfter.value}"
  26.                 left="10" right="10"
  27.                 top="10" bottom="10">
  28.             <s:content>
  29.                 <fx:String source="lorem.html" />
  30.             </s:content>
  31.         </s:TextArea>
  32.     </s:Group>
  33.  
  34. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, TextArea | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll