Flex Gumbo中如何通过gap属性设置FxButtonBar按钮间水平间隔的例子

By Minidxer | July 8, 2009

接下来的例子演示了Flex Gumbo中如何通过HorizontalLayout对象的gap属性，设置FxButtonBar按钮间水平间隔。



下面是代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxButtonBar_layout_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="gap:">
  11.                 <HSlider id="slider"
  12.                         minimum="-1"
  13.                         maximum="20"
  14.                         value="-1"
  15.                         snapInterval="1"
  16.                         tickInterval="1"
  17.                         liveDragging="true"
  18.                         dataTipPrecision="0" />
  19.             </FormItem>
  20.         </Form>
  21.     </ApplicationControlBar>
  22.  
  23.     <FxButtonBar id="btnBar">
  24.         <layout>
  25.             <HorizontalLayout gap="{slider.value}" />
  26.         </layout>
  27.         <dataProvider>
  28.             <ArrayCollection source="[Red,Orange,Yellow,Green,Blue]" />
  29.         </dataProvider>
  30.     </FxButtonBar>
  31.  
  32. </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

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

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll