flex Scroller

?xml version="1.0" encoding="utf-8"?
s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/Spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
  s:layout
   s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/
  /s:layout
  fx:Declarations
   !-- 将非可视元素（例如服务、值对象）放在此处 --
  /fx:Declarations
  s:SkinnableContainer width="100%" height="100%"
   s:Scroller x="336" y="186" width="159" height="200"
    s:Group x="13" y="20" width="110" height="102"
     s:Button x="35" y="19" label="按钮"/
     s:Button x="35" y="59" label="按钮"/
     s:Button x="35" y="108" label="按钮"/
     s:Button x="113" y="19" label="按钮"/
     s:Button x="191" y="19" label="按钮" width="62"/
    /s:Group
   /s:Scroller
  /s:SkinnableContainer
 
 
/s:Application
flex布局 在传统的网页布局模式中，我们使用的是盒模型，这种盒模型往往依赖dispaly属性，position属性，float属性，但是对于一些特殊布局这样的布局方式会非常的不方便，比如在垂直居中的时候，使用position布局就会非常不方便，而且使用float布局的话，后面我们还需要清除浮动，非常的不方便。