fontpicker.mxml

Flex2StyleExplorer form Adobe

<?xml version="1.0" encoding="utf-8"?>
<mx:FormItem xmlns:mx="http://www.adobe.com/2006/mxml" label="{formItemLabel}" width="100%" >
	
	<mx:ComboBox dataProvider="{fonts}" id="fPicker" selectedIndex="11" editable="true"
		change="{this.styleValue = fPicker.text; dispatchMyEvent(); }" rowCount="12"/>
	
	<mx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			
			[Bindable]
			public var styleValue:String;
			
			[Bindable]
			public var formItemLabel:String = "Font Family";
			
			[Bindable]
			public var fonts:Array = [ 
				{label:"Arial", data:"arial"}, 
				{label:"Arial Black", data:"arial black"}, 
				{label:"Comic Sans MS", data:"comic sans ms"}, 
				{label:"Courier", data:"courier"}, 
				{label:"Georgia", data:"georgia"},
				{label:"Impact", data:"impact"},
				{label:"Monaco", data:"monaco"},
				{label:"Palatino", data:"palatino"},
				{label:"Tahoma", data:"tahoma"},
				{label:"Times New Roman", data:"times new roman"},
				{label:"Trebuchet MS", data:"trebuchet ms"},
				{label:"Verdana", data:"verdana"}];
			
			
			private function dispatchMyEvent():void {
                this.dispatchEvent( new Event("dataChange") );
            }
           
           public function restoreDefault():void {
           		fPicker.selectedIndex = 11;
           }
            
           
		]]>
	</mx:Script>
	
	<mx:Metadata>
        [Event("dataChange")]
    </mx:Metadata>
   
</mx:FormItem>