Flex Gumbo中如何利用lineHeight样式设置FxTextArea高度的例子

By Minidxer | May 15, 2009

接下来的例子演示了Flex Gumbo中如何利用lineHeight样式，设置FxTextArea高度。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FxApplication name="FxTextArea_lineHeight_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009">
  4.     <layout>
  5.         <VerticalLayout />
  6.     </layout>
  7.  
  8.     <Script>
  9.         <![CDATA[
  10.             private function slider_change(evt:Event):void {
  11.                 lbl.text = fxTextArea.getStyle('lineHeight');
  12.             }
  13.         ]]>
  14.     </Script>
  15.  
  16.     <VBox id="box"
  17.             width="100%"
  18.             height="100%"
  19.             paddingLeft="10"
  20.             paddingRight="10"
  21.             paddingTop="10"
  22.             paddingBottom="10">
  23.         <Form styleName="plain">
  24.             <FormItem label="lineHeight:"
  25.                     direction="horizontal">
  26.                 <FxHSlider id="slider"
  27.                         minimum="50"
  28.                         maximum="400"
  29.                         value="120"
  30.                         liveDragging="true"
  31.                         change="slider_change(event);" />
  32.                 <Label id="lbl" />
  33.             </FormItem>
  34.         </Form>
  35.  
  36.         <FxTextArea id="fxTextArea"
  37.                 lineHeight="{slider.value}%"
  38.                 textAlign="justify"
  39.                 width="100%"
  40.                 height="100%">
  41.             <content><String source="data/lorem.txt" /></content>
  42.         </FxTextArea>
  43.     </VBox>
  44.  
  45. </FxApplication>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll