detailstagcloud.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:teknision="com.teknision.flex.controls.*"
	
	width="100%"
	height="{cloud.y + cloud.height}"
	
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off"
	
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
		
			//////////////////////////////////////////////////
			//import
			
			import com.flexShowcase.utils.TagUtils;
			import com.flexShowcase.events.TagEvent;
			
			import flash.events.TextEvent;
			import mx.collections.ArrayCollection;
			
			
			//////////////////////////////////////////////////
			//getter/setter variables
			
			private var _cloudTextArray:ArrayCollection;
			
			//////////////////////////////////////////////////
			//public variables
			
			[Bindable] public var cloudTitle:String;
			[Bindable] public var cloudStyleSheet:StyleSheet;
			
			
			//////////////////////////////////////////////////
			//private variables
			
			[Bindable] private var cloudText:String;
			
			
			//////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				addEventListener(TextEvent.LINK, tagCloudClickHandler);
			}
			
			
			//////////////////////////////////////////////////
			//getter/setter functions
			
			[Bindable] 
			public function set cloudTextArray(value:ArrayCollection):void {
				_cloudTextArray = value;
				
				cloudTextArrayHandler();
			}
			public function get cloudTextArray():ArrayCollection {
				return _cloudTextArray;
			}
			
			private function cloudTextArrayHandler():void {
				if(cloudTextArray.length>0){
					cloudText = TagUtils.getTagCloud(cloudTextArray, false);
				}else{
					cloudText ="N/A"
				}
			}
			
			//////////////////////////////////////////////////
			//dispatch functions
			
			private function dispatchTagClickEvent(tagID:String, tagName:String):void {
				var tagEvent:TagEvent = new TagEvent(TagEvent.CLICKED);
				tagEvent.tagID = tagID;
				tagEvent.tagName = tagName;
				
				var tagIDs:Array = new Array(tagID);
				tagEvent.tagIDs = tagIDs;
				
				dispatchEvent(tagEvent);
			}
			
			
			//////////////////////////////////////////////////
			//handler functions
			
			private function tagCloudClickHandler(textEvent:TextEvent):void {
				var variables:Object = TagUtils.getVariablesFromHTMLTag(textEvent.text);
				
				var tagID:String = variables.id;
				var tagName:String = variables.name;
				
				dispatchTagClickEvent(tagID, tagName);
			}
			
			
		]]>
	</mx:Script>
	
	
	<mx:HBox horizontalGap="0" width="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
		<mx:Label id="title" text="{cloudTitle+':'}" styleName="myriadRegular" color="0x999999" />
		<mx:TextArea id="cloud" focusAlpha="0" borderStyle="none" backgroundAlpha="0" 
			styleName="detailsPanelLinkList" color="0xffffff" htmlText="{cloudText}" x="49" width="100%" 
			selectable="false" styleSheet="{cloudStyleSheet}" />
	</mx:HBox>
	
</mx:Canvas>