Flex 4中如何检测SimpleText是否被截取的例子

By Minidxer | October 12, 2009

接下来的例子演示了Flex 4中如何通过isTruncated()事件,检测SimpleText是否被截取。

让我们先来看一下Demo可以点击这里察看源代码):


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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_SimpleText_isTruncated_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 gap="8" />
  8.     </s:layout>
  9.  
  10.     <fx:Script>
  11.         <![CDATA[
  12.             import mx.events.FlexEvent;
  13.  
  14.             private function group1_updateComplete(evt:FlexEvent):void {
  15.                 checkBox.selected = simpleTxt.isTruncated();
  16.             }
  17.         ]]>
  18.     </fx:Script>
  19.  
  20.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  21.         <mx:Form styleName="plain">
  22.             <mx:FormItem label="truncation:">
  23.                 <s:HSlider id="slider"
  24.                         minimum="0"
  25.                         maximum="3"
  26.                         liveDragging="true" />
  27.             </mx:FormItem>
  28.             <mx:FormItem label="isTruncated():">
  29.                 <mx:CheckBox id="checkBox" enabled="false" />
  30.             </mx:FormItem>
  31.         </mx:Form>
  32.     </mx:ApplicationControlBar>
  33.  
  34.     <s:Group updateComplete="group1_updateComplete(event);"
  35.             width="100%"
  36.             height="100%">
  37.         <s:SimpleText id="simpleTxt"
  38.                 truncation="{slider.value}"
  39.                 textAlign="justify"
  40.                 fontSize="24"
  41.                 width="200"
  42.                 horizontalCenter="0"
  43.                 verticalCenter="0">
  44.             <s:text>The quick brown fox jumps over the lazy dog</s:text>
  45.         </s:SimpleText>
  46.     </s:Group>
  47.  
  48. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts