flex学习进度4

<?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="1024" minHeight="768">
<fx:Script>
<![CDATA[

protected function button_clickHandler(event:MouseEvent):void
{
var numTwo:int = 2;
var numFour:int = 4;
var sumInts:int = addInts(numTwo, numFour);
output.text = numTwo.toString() + " + " + numFour.toString() +" = "+ sumInts;
}
private function addInts( value1:int, value2:int ):int{
var sum:int = value1 + value2;
return sum;
}

]]>
</fx:Script>
<s:states>
<s:State name="State1"/>
<s:State name="cartView"/>
</s:states>
<s:Button x="10" y="10"
label="Click Me"
click="button_clickHandler(event)"/>
<s:Label id="output"
x="137" y="11" />
<!--横向组 label即特性 注释：ctrl shift c-->
<s:Group x="6" y="60">
<s:layout>
<s:HorizontalLayout>

</s:HorizontalLayout>
</s:layout>
<s:Button label="1"  x="10" y="50"/>
<s:Button label="2"  x="86" y="50"/>
<s:Button label="3"  x="162" y="50"/>
</s:Group>
<!--	纵向组 -->
<s:Scroller x="10" y="89" height="40">
<s:Group x="6" y="60">
<s:layout>
<s:VerticalLayout />
</s:layout>
<s:Button label="1"  x="10" y="50"/>
<s:Button label="2"  x="86" y="50"/>
<s:Button label="3"  x="162" y="50"/>
</s:Group>
</s:Scroller>
<s:Label x="313" y="212" text="（c）2009,FlexGrocer
"/>
<s:Group x="271" y="10" width="393" height="194" id="bodyGrop">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:Group width="338" height="105" id="cartGroup" width.cartView="0" visible.cartView="false">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Label text="milk" id="proName"/>
<s:Label text="￥0.99" id="proPrice"/>
<s:Button label="addToCart" id="add"/>
</s:Group>
<s:Group width="40" height="100%" id="castProGroup" width.cartView="100%">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Label text="总价"/>
<s:Button label="结账" width="40" includeIn="State1" click="this.currentState='cartView'"/>
<mx:DataGrid includeIn="cartView">
<mx:columns>
<mx:DataGridColumn headerText="列 1" dataField="col1"/>
<mx:DataGridColumn headerText="列 2" dataField="col2"/>
<mx:DataGridColumn headerText="列 3" dataField="col3"/>
</mx:columns>
</mx:DataGrid>
<s:Button includeIn="cartView" label="返回" click="this.currentState=''"/>
</s:Group>
</s:Group>
<!--	控制条区域，为容器添加子对象。-->
<s:controlBarLayout>
<s:BasicLayout/>
</s:controlBarLayout>
<s:controlBarContent>
<s:Button x="229" y="5" label="checkout" id="btnCheck"/>
<s:Button x="122" y="5" label="view Cart" id="btnCartView"/>
<s:Button label="flex grocer" y="5" x="5"/>
</s:controlBarContent>

</s:Application>