Flex Gumbo中如何创建有滚动条Panel的例子

By Minidxer | August 28, 2009

接下来的例子演示了Flex Gumbo中如何创建有滚动条Panel。

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


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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_Panel_Scroller_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 id="panel"
  8.             title="Spark Panel title"
  9.             horizontalCenter="0"
  10.             verticalCenter="0"
  11.             width="320"
  12.             height="240">
  13.         <s:Scroller width="100%" height="100%">
  14.             <s:Group width="100%" height="100%">
  15.                 <s:VGroup left="20" right="20" top="20" bottom="20">
  16.                     <s:SimpleText text="DateChooser #1:" />
  17.                     <mx:DateChooser />
  18.                     <s:SimpleText text="DateChooser #2:" />
  19.                     <mx:DateChooser />
  20.                     <s:SimpleText text="DateChooser #3:" />
  21.                     <mx:DateChooser />
  22.                 </s:VGroup>
  23.             </s:Group>
  24.         </s:Scroller>
  25.     </s:Panel>
  26.  
  27. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Panel | No Comments » | Tags:

Search Posts