detailscomment.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	width="420"
	height="34"
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off"
	creationComplete="handleCreationComplete(event)">
	
	
	<mx:Script>
		<![CDATA[
			//////////////////////////////////////////////////
			//import
			import mx.controls.Text;
			import mx.controls.TextArea;
			import mx.events.FlexEvent;
			import org.flex.events.*;
			import org.flex.engine.managers.Comment;
			
			//////////////////////////////////////////////////
			//getter/setter variables
			private var _commentData:Comment;
			
			//////////////////////////////////////////////////
			//public variables
			public var preferredHeight:uint;
			
			///////////////////////////////////////////////////////////////////
			//getter/setter functions
			[Bindable]
			public function get commentData():Comment {
				return this._commentData;
			}
			
			public function set commentData(val:Comment):void {
				this._commentData = val;
				setUserInfoText();
			}
			
			private function handleCommentData():void {
				if (message_mc.textHeight > message_mc.height) {
					height = message_mc.height + 20;
					bg_mc.height = message_mc.height + 20;
					preferredHeight = bg_mc.height;
					userInfo_mc.y = message_mc.height + 1;
				}
				
				if(isReply()){
					this.container_mc.x=15
					this.message_mc.width-=12
					this.bg_mc.width-=15
				}
			}
			
			///////////////////////////////////////////////////////////////////
			//initialization
			private function handleCreationComplete(event:Event):void {
				handleCommentData();
			}
			
			//general-------------------------------------------------------------
			private function setUserInfoText():void {
				var tempName:String = commentData.name;
				if (tempName == "") {
					tempName = "Anonymous";
				}
				
				userInfo_mc.htmlText = "<font color='#666666'>" + tempName + "</font><font color='#999999'> on " + commentData.createdDate + "</font>";
			}
			
			private function isReply():Boolean{
				var r_val:Boolean=false;
				
				if(commentData.parentCommentID>0){
					r_val=true;
				}
							
				return r_val;
			}
			
		]]>
	</mx:Script>
	
	<mx:Canvas id="container_mc" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:Image id="bg_mc" source="@Embed('/assets/images/frontend/projectpanel/details/detailsPanel_comment_bg.png', scaleGridTop='5', scaleGridBottom='29', scaleGridLeft='5', scaleGridRight='414')" maintainAspectRatio="false" />
		<mx:Text id="message_mc" text="{commentData.body}" x="3" y="2"  width="410" dataChange="handleCommentData();" styleName="standardText" color="0x999999" />
		<mx:Label id="userInfo_mc" styleName="standardText" width="410" x="3" y="15" />
	</mx:Canvas>
	
</mx:Canvas>