backend.mxml

flex 实现的一个showcase 喜欢flex的朋友可以

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:screens="com.flexShowcase.screens.*"
	
	top="58"
	bottom="10"
	horizontalCenter="0"
	
	width="760"
	
	clipContent="false"
	currentState="{ScreenStates.LOGGED_OUT}"
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
			
			//////////////////////////////////////////////////
			//import
			
			import com.flexShowcase.constants.ScreenStates;
			import com.flexShowcase.data.*;
			import com.flexShowcase.events.*;
			import com.flexShowcase.net.remote.FlexShowcaseServiceConfig;
			
			import flash.events.Event;
			
			import mx.events.*;
			import mx.collections.ArrayCollection;
			import mx.rpc.events.ResultEvent;
			import mx.rpc.events.FaultEvent;
			
			
			//////////////////////////////////////////////////
			//getter/setter variables
			
			private var _user:User;
			
			//////////////////////////////////////////////////
			//public variables
			
			[Bindable] public var tags:ArrayCollection;
			[Bindable] public var technologies:ArrayCollection;
			[Bindable] public var industries:ArrayCollection;
			[Bindable] public var flexShowcaseServiceConfig:FlexShowcaseServiceConfig;
			
			///////////////////////////////////////////////////////////////////////////////////////////
			//getter/setter functions
			
			[Bindable]
			public function set user(value:User):void {
				_user = value;
				
				userHandler();
			}
			public function get user():User {
				return _user;
			}
			
			private function userHandler():void {
				user.addEventListener(UserEvent.CHANGE, userChangeHandler);
			}
			
			//////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				//
			}
			
			//////////////////////////////////////////////////
			//private functions
			
			private function checkUserLoggedIn():void {
				var user:User = User.getInstance();
				if (user.loggedIn == true) {
					currentState = ScreenStates.LOGGED_IN;
				} else {
					currentState = ScreenStates.LOGGED_OUT;
				}
			}

			//////////////////////////////////////////////////
			//handler functions
			
			private function userChangeHandler(event:Event):void {
				checkUserLoggedIn();
			}
			
			private function loggedOutEnterStateHandler(flexEvent:FlexEvent):void {
				welcome.show();
			}
			private function loggedInEnterStateHandler(flexEvent:FlexEvent):void {
				account.show();
			}
			
			
		]]>
	</mx:Script>
	
	
	<mx:states>
		<mx:State name="{ScreenStates.LOGGED_OUT}" enterState="loggedOutEnterStateHandler(event)">
			<mx:SetProperty target="{welcome}" name="visible" value="true" />
			<mx:SetProperty target="{account}" name="visible" value="false" />
		</mx:State>
		<mx:State name="{ScreenStates.LOGGED_IN}" enterState="loggedInEnterStateHandler(event)">
			<mx:SetProperty target="{welcome}" name="visible" value="false" />
			<mx:SetProperty target="{account}" name="visible" value="true" />
		</mx:State>
	</mx:states>
	
	<screens:Welcome id="welcome" flexShowcaseServiceConfig="{flexShowcaseServiceConfig}" />
	<screens:Account id="account" flexShowcaseServiceConfig="{flexShowcaseServiceConfig}" tags="{tags}" technologies="{technologies}" industries="{industries}" user="{user}" />
	
	
</mx:Canvas>