userpanel.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
	backgroundColor="#3e3e3e" fontFamily="瀹嬩綋" fontSize="12"
	horizontalScrollPolicy="off" verticalScrollPolicy="off">
	
	<mx:Script>
		<![CDATA[
			import diet.model.DietModelLocator;
			import mx.messaging.AbstractConsumer;
			import mx.effects.easing.Bounce;
			import diet.vo.user.User;
			import mx.controls.Alert;
			[Bindable]
			public var user:User = DietModelLocator.getInstance().user;
			[Bindable]
			public var model:DietModelLocator = DietModelLocator.getInstance();
			
			public function uploadPhoto():void
			{
				mx.controls.Alert.show("Upload Photo!","TO DO");
			}
			public function init():void
			{
				//isAnimatedUI.selected = model.isAnimated;
			}
		]]>
	</mx:Script>
	
	<mx:HBox width="100%"
		paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">
		<mx:Image id="photoUI" width="100%" horizontalAlign="center" 
			top="5" bottom="5" left="5" right="5"
			source="{user.photoUIL}"
			buttonMode="true" click="uploadPhoto()"/>
	</mx:HBox>
	<mx:Accordion width="100%" height="100%"
		backgroundColor="#3e3e3e" fontFamily="瀹嬩綋" fontSize="12" 
		selectedIndex="0" 
		openEasingFunction="{isAnimatedUI.selected?Bounce.easeOut:null}"
		openDuration="{isAnimatedUI.selected?1000:250}">
	<mx:Form width="100%" borderStyle="none" label="鐢ㄦ埛淇℃伅"
		paddingTop="10" paddingLeft="2" 
		fontFamily="瀹嬩綋" fontSize="12"
		 horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:FormItem label="濮撳悕:" color="white" fontSize="12">
			<mx:Label id="txtUserName" text="{user.name}"/>
		</mx:FormItem>
		<mx:FormItem label="鎬у埆:" color="white">
			<mx:HBox>
				<mx:Label text="鐢