Flex Gumbo中如何通过tabStops属性设置TextView内按Tab键停留(Tab Stop)的例子

By Minidxer | June 22, 2009

接下来的例子演示了Flex Gumbo中如何通过tabStops属性，设置TextView内按Tab键停留(Tab Stop)。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="TextView_tabStops_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <ApplicationControlBar dock="true">
  9.         <Form styleName="plain">
  10.             <FormItem label="Toggle grid lines:">
  11.                 <CheckBox id="checkBox" selected="false" />
  12.             </FormItem>
  13.         </Form>
  14.     </ApplicationControlBar>
  15.  
  16.     <Canvas backgroundColor="white">
  17.         <TextView id="textView"
  18.                 tabStops="S0 C100 E200 D270"
  19.                 width="300">
  20.             <content>
  21.                 <p>1.The<tab/>1.Quick<tab/>1.Brown<tab/>$123.456</p>
  22.                 <p>2.Fox<tab/>2.Jumps<tab/>2.Over<tab/>$24.7</p>
  23.                 <p>3.The<tab/>3.Lazy<tab/>3.Dog<tab/>$7.11</p>
  24.             </content>
  25.         </TextView>
  26.         <Group id="lineGroup"
  27.                 visible="{checkBox.selected}"
  28.                 height="100%">
  29.             <VRule x="0" height="100%" />
  30.             <VRule x="100" height="100%" />
  31.             <VRule x="200" height="100%" />
  32.             <VRule x="270" height="100%" />
  33.         </Group>
  34.     </Canvas>
  35.  
  36. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll