Flex(gumbo)中如何通过gap属性设置VerticalLayout两个项目间竖直方向间距的例子

By Minidxer | May 2, 2009

接下来的例子演示了Flex(gumbo)中如何通过gap属性，设置VerticalLayout两个项目间竖直方向间距。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FxApplication name="FxApplication_layout_VerticalLayout_gap_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009">
  4.     <layout>
  5.         <VerticalLayout gap="{slider.value}" />
  6.     </layout>
  7.  
  8.     <Form>
  9.         <FormItem label="VerticalLayout gap:">
  10.             <FxHSlider id="slider"
  11.                     minimum="0"
  12.                     maximum="20"
  13.                     liveDragging="true" />
  14.         </FormItem>
  15.     </Form>
  16.  
  17.     <Rect width="100%" height="40">
  18.         <fill>
  19.             <SolidColor color="red" />
  20.         </fill>
  21.     </Rect>   
  22.  
  23.     <Rect width="100%" height="40">
  24.         <fill>
  25.             <SolidColor color="haloOrange" />
  26.         </fill>
  27.     </Rect>   
  28.  
  29.     <Rect width="100%" height="40">
  30.         <fill>
  31.             <SolidColor color="yellow" />
  32.         </fill>
  33.     </Rect>   
  34.  
  35.     <Rect width="100%" height="40">
  36.         <fill>
  37.             <SolidColor color="haloGreen" />
  38.         </fill>
  39.     </Rect>   
  40.  
  41.     <Rect width="100%" height="40">
  42.         <fill>
  43.             <SolidColor color="haloBlue" />
  44.         </fill>
  45.     </Rect>   
  46.  
  47. </FxApplication>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll