Flex 4中如何截取SimpleText内文本的例子

By Minidxer | September 25, 2009

接下来的例子演示了Flex 4中如何通过truncation属性和指定最大允许行数，截取SimpleText内文本。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：
下面是main.mxml：

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <s:Application name="Spark_SimpleText_truncation_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.     <fx:Script>
  8.         <![CDATA[
  9.             import flashx.textLayout.factory.TruncationOptions;
  10.         ]]>
  11.     </fx:Script>
  12.  
  13.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  14.         <mx:Form styleName="plain">
  15.             <mx:FormItem label="truncation:">
  16.                 <s:HSlider id="slider1"
  17.                         minimum="{TruncationOptions.NO_LINE_COUNT_LIMIT}"
  18.                         maximum="8"
  19.                         value="-1"
  20.                         liveDragging="true" />
  21.             </mx:FormItem>
  22.             <mx:FormItem label="width:">
  23.                 <s:HSlider id="slider2"
  24.                         minimum="100"
  25.                         maximum="300"
  26.                         value="300"
  27.                         liveDragging="true" />
  28.             </mx:FormItem>
  29.         </mx:Form>
  30.     </mx:ApplicationControlBar>
  31.  
  32.     <s:Group horizontalCenter="0" verticalCenter="0">
  33.         <s:Rect width="100%" height="100%">
  34.             <s:fill>
  35.                 <s:SolidColor color="red" alpha="0.1" />
  36.             </s:fill>
  37.         </s:Rect>
  38.         <s:SimpleText id="simpleTxt"
  39.                 text="The quick brown fox jumps over the lazy dog."
  40.                 fontSize="24"
  41.                 truncation="{slider1.value}"
  42.                 width="{slider2.value}" />
  43.     </s:Group>
  44.  
  45. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll