Flex Gumbo中如何通过verticalAlign样式设置FxTextInput中文本竖直方向排列的例子

By Minidxer | May 14, 2009

接下来的例子演示了Flex Gumbo中如何通过verticalAlign样式，设置FxTextInput中文本竖直方向排列。

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


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

Download: main.mxml
  1. <?xml version="1.0"?>
  2. <FxApplication name="FxTextInput_verticalAlign_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009">
  4.     <layout>
  5.         <BasicLayout />
  6.     </layout>
  7.  
  8.     <Declarations>
  9.         <Array id="arr">
  10.             <Object label="top" />
  11.             <Object label="middle" />
  12.             <Object label="bottom" />
  13.             <Object label="justified" />
  14.         </Array>
  15.     </Declarations>
  16.  
  17.     <Form>
  18.         <FormItem label="verticalAlign:">
  19.             <ComboBox id="comboBox" dataProvider="{arr}" />
  20.         </FormItem>
  21.     </Form>
  22.  
  23.     <HGroup verticalCenter="0" horizontalCenter="0">
  24.         <FxTextInput height="100" verticalAlign="{comboBox.selectedItem.label}">
  25.             <text>The quick brown fox jumped over the lazy dog. 1234567890</text>
  26.         </FxTextInput>
  27.     </HGroup>
  28.  
  29.     <Label text="{mx_internal::VERSION}" horizontalCenter="0" bottom="5" />
  30.  
  31. </FxApplication>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll