Flex Gumbo中如何通过columnWidth样式设置FxTextArea列宽的例子

By Minidxer | May 27, 2009

接下来的例子演示了Flex Gumbo中如何通过columnWidth样式,设置FxTextArea列宽。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxTextArea_columnWidth_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="columnWidth:">
  11.                 <HSlider id="slider"
  12.                         minimum="100"
  13.                         maximum="300"
  14.                         value="200"
  15.                         snapInterval="1"
  16.                         tickInterval="10"
  17.                         liveDragging="true" />
  18.             </FormItem>
  19.         </Form>
  20.     </ApplicationControlBar>
  21.  
  22.     <FxTextArea id="textArea"
  23.             columnWidth="{slider.value}"
  24.             columnCount="2"
  25.             columnGap="20"
  26.             textAlign="justify"
  27.             width="100%">
  28.         <content>
  29.             <String source="data/lorem.html" />
  30.         </content>
  31.     </FxTextArea>
  32.  
  33. </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts