mainview.mxml

用Flex实现的一个关于减肥系统的web界面,内部没有实际的业务逻辑,只是一个原形.

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
	width="100%" height="100%" 
	horizontalScrollPolicy="off" verticalScrollPolicy="off"
	creationComplete="init()" xmlns:view="diet.view.*" xmlns:local="*" xmlns:trace="diet.view.trace.*" xmlns:login="diet.view.login.*">
	
	<mx:Script>
		<![CDATA[
			import diet.model.DietModelLocator;
			
			[Bindable]
			public var model:DietModelLocator = DietModelLocator.getInstance();
			public var blurringArray:Array = new Array();
			[Bindable]
			public var currentPageIndex:int = 0;
			[Bindable]
			public var canvasWidth:Number = 800;
			[Bindable]
			public var isAnimated:Boolean = false;
			
			public function init():void
			{
				blurringArray.push(new BlurFilter(64,2));
				canvasWidth = this.width;
			}
			
			public function onPreHandler():void
			{
				if(currentPageIndex > 0)
					currentPageIndex--;
			}
			public function onNextHandler():void
			{
				if(currentPageIndex < this.boxForms.numChildren-1)
					currentPageIndex++;
			}
			
			public function onMoveStartHandler():void
			{
				if(isAnimated)
					this.boxForms.filters = blurringArray;
			}
			public function onMoveEndHandler():void
			{
				if(isAnimated)
					this.boxForms.filters = null;
			}
		]]>
	</mx:Script>
	<mx:HBox id="boxForms" moveEffect="{model.isAnimated ? effSlide : null}" 
		x="{-currentPageIndex * this.width}" 
		width="100%" height="100%" horizontalGap="0">
		<login:UserLoginPanel width="{this.width}" height="100%"/>
		<local:MyCalendar width="{this.width}" height="100%"
        	backgroundColor="white"/>
		<view:HealthInfoInputPanel width="{this.width}" height="100%"/>
		<trace:TracePanel width="{this.width}" height="100%"/>
		
	</mx:HBox>
	
	<mx:Move id="effSlide"
		effectStart="onMoveStartHandler()"
		effectEnd="onMoveEndHandler()"/>
	<!--<mx:ControlBar>
		<mx:Spacer width="100%"/>
		<mx:Button label="Previous" click="onPreHandler()" x="218" y="490"/>
		<mx:Button label="Next" click="onNextHandler()" x="302" y="490"/>
	</mx:ControlBar>-->
</mx:Canvas>