Flex Gumbo中如何通过layout属性设置FxPanel容器布局的例子

By Minidxer | July 11, 2009

接下来的例子演示了Flex Gumbo中如何通过layout属性,设置FxPanel容器布局。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_Panel_layout_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <s:Panel title="I'm a Spark Panel title"
  8.             horizontalCenter="0"
  9.             verticalCenter="0">
  10.         <s:layout>
  11.             <s:VerticalLayout />
  12.         </s:layout>
  13.         <s:Button label="One" />
  14.         <s:Button label="Two" />
  15.         <s:Button label="Three" />
  16.         <s:Button label="Four" />
  17.         <s:Button label="Five" />
  18.     </s:Panel>
  19.  
  20. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: FxPanel, Gumbo | No Comments » | 569 views Tags: ,

Search Posts