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>