package {
	import flash.display.Sprite;
	import flash.text.TextField;
	import flash.text.TextFieldType;
 
	import org.vnmedia.vnkeys.KeyConverter;
	import org.vnmedia.vnkeys.mapping.VNIMap;
	// define swf dimension
	[SWF(width=160, height=60)]
	// this is an application class
	public class vnmedia_vnkeys extends Sprite
	{
		public function vnmedia_vnkeys()
		{
			var textinput:TextField = new TextField();
			// give this text input a size
			// and positioning it
			textinput.width = 150;
			textinput.height = 50;
			textinput.x = 5;
			textinput.y = 5;
			// use multiline, ie textarea
			textinput.multiline = true;
			textinput.type = TextFieldType.INPUT;
			// give it background white
			// so we can see what we are typing
			textinput.backgroundColor = 0xFFFFFF;
			textinput.background = true;
			// NOW create a converter
			// for this TextField instance
			var converter:KeyConverter =
				new KeyConverter(textinput,VNIMap.NAME);
			// add this text input to application
			this.addChild(textinput);
		}
	}
}

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="absolute"
	 xmlns:flex="org.vnmedia.flex.*" 
	 creationComplete="initOptions();">
	<mx:Script>
		<![CDATA[
		import mx.controls.RadioButton;
		public function initOptions():void {
			options = area.getKeyConverter()
						.getKeyMapOptions();
		}
		public function onMappingTypeChange(e:Event):void {
			var radio:RadioButton = RadioButton(e.currentTarget);
			var item:Object = radio.getRepeaterItem();
			text.getKeyConverter().setMapType(item.data);
			area.getKeyConverter().setMapType(item.data);
		}
		]]>
	</mx:Script>
	<flex:FlexTextArea id="area" vnkeyType="VNI" 
		height="50" width="220" x="50" y="50">
	</flex:FlexTextArea>
	<flex:FlexTextInput id="text" y="120"
		 x="50" width="220">
	</flex:FlexTextInput>
	<mx:Array id="options"/>
   	<mx:HBox id="hb" x="50" y="150">	
        <mx:RadioButtonGroup id="radioGroup" />
        <mx:Repeater id="radioRepeater"
                dataProvider="{options}">
            <mx:RadioButton id="radioButtons"
                    label="{radioRepeater.currentItem.label}"
                    group="{radioGroup}"
                    change="onMappingTypeChange(event);" />
        </mx:Repeater>
    </mx:HBox>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:flex="org.vnmedia.flex.*"
	layout="absolute">
	<flex:FlexTextArea id="area" vnkeyType="VNI" 
		height="50" width="220" x="50" y="50">
	</flex:FlexTextArea>
	<flex:FlexTextInput id="text" y="120"
		 x="50" width="220">
	</flex:FlexTextInput>
</mx:Application>