Flex Gumbo中如何利用verticalAlign样式垂直方向对齐FxTextArea文本的例子

By Minidxer | May 4, 2009

接下来的例子演示了Flex Gumbo中如何利用verticalAlign样式，垂直方向对齐FxTextArea文本。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FxApplication name="FxTextArea_verticalAlign_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009">
  4.     <layout>
  5.         <BasicLayout />
  6.     </layout>
  7.  
  8.     <Script>
  9.         <![CDATA[
  10.             import flashx.textLayout.formats.VerticalAlign;
  11.         ]]>
  12.     </Script>
  13.  
  14.     <Declarations>
  15.         <String id="lorem" source="data/lorem.txt" />
  16.         <Array id="arr">
  17.             <String>{VerticalAlign.TOP}</String>
  18.             <String>{VerticalAlign.MIDDLE}</String>
  19.             <String>{VerticalAlign.BOTTOM}</String>
  20.             <String>{VerticalAlign.JUSTIFY}</String>
  21.         </Array>
  22.     </Declarations>
  23.  
  24.     <Form>
  25.         <FormItem label="verticalAlign:">
  26.             <ComboBox id="comboBox"
  27.                     dataProvider="{arr}" />
  28.         </FormItem>
  29.     </Form>
  30.  
  31.     <Group horizontalCenter="0" verticalCenter="0">
  32.         <FxTextArea id="textArea"
  33.                 text="{lorem}"
  34.                 widthInChars="80"
  35.                 heightInLines="25"
  36.                 verticalAlign="{comboBox.selectedItem}" />
  37.     </Group> 
  38.  
  39. </FxApplication>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll