package
{
	import mx.controls.TextInput;
	import mx.events.FlexEvent;
	import flash.events.KeyboardEvent;
	import flash.events.Event;
	import flash.ui.Keyboard;
	import flash.external.ExternalInterface;

	public class CafeTextInput extends TextInput
	{
		private var ssi : int = 0;
		private var sei : int = 0;
		private var shiftDirection : String = 'none';
		private var lastShiftDirection : String = 'none';

		public function CafeTextInput()
		{
			super();
			var method:XML = <![CDATA[
			     function( ){
			         return { ff: /Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent), version:navigator.appVersion};}
			    ]]>
			var o:Object = ExternalInterface.call( method );

			if(o.ff)
			{
				this.addEventListener(KeyboardEvent.KEY_DOWN, onBeforeKeyDown, false, 10000);
				this.addEventListener(KeyboardEvent.KEY_DOWN, onAfterKeyDown, false, -10000);
			}
		}

		private function onBeforeKeyDown(e : KeyboardEvent) : void
        {
			if (e.keyCode == Keyboard.LEFT || e.keyCode == Keyboard.RIGHT)
			{
				if(ssi == -11111111 && sei == -11111111)
				{
					ssi = this.selectionBeginIndex;
					sei = this.selectionEndIndex;
				}
			}
        }

        private function onAfterKeyDown(e : KeyboardEvent) : void
        {
			if (e.keyCode == Keyboard.LEFT || e.keyCode == Keyboard.RIGHT)
			{
				if(ssi != -11111111 && sei != -11111111)
				{
					if(e.shiftKey)
					{
						if(sei == ssi)
						{
							shiftDirection = 'none';
						}

						if(e.keyCode == Keyboard.LEFT)
						{
							if(shiftDirection == 'right' && lastShiftDirection != 'right')
							{
								sei--;
							}
							if(shiftDirection == 'none' && ssi+1 == sei)
							{
								shiftDirection = 'left';
							}

							this.setSelection(sei, ssi);
							lastShiftDirection = 'left';
						}
						else if(e.keyCode == Keyboard.RIGHT)
						{
							if(shiftDirection == 'left' && lastShiftDirection != 'left')
							{
								ssi++;
							}
							if(shiftDirection == 'none' && ssi+1 == sei)
							{
								shiftDirection = 'right';
							}

							this.setSelection(ssi, sei);
							lastShiftDirection = 'right';
						}
					}
					else
					{
						shiftDirection = 'none';
						this.setSelection(ssi, sei);
					}

					ssi = -11111111;
					sei = -11111111;
				}
			}
                }
	}
}

Bookmark It

• the simplest way of creating sis files to be installed for development and testing
• creating a basic layout template for flashlite applications that can easily manage different screen sizes

There are a lot of desktop applications that can generate sis files, most of them if not all you must buy. Also they need certificates for signing the sis files … I don’t have one, so I need to use the symbiansigned site but the process is a little slow because you have to send your sis file and then they return it back by email already signed just for your IMEI. Nice to know that though I spent a hour to get aware of the whole thing. So this is no suitable for me. Finally I found two online packagers.

SWFpack.com is one of them. It seems to get the job done but its registration is closed apparently. So I started using the other option – Forum Nokia Online Flash Lite Packager. It is a cool thing, really fast to generate just a sis file ready to test on your mobile device. Cool!

The other thing I looked at was the layout template for my app in the future. I came accross some examples in forum nokia for creating layouts. It is explained very well here in this document – UI Design .

There is another approach however explained here in this link. It is very easy to adopt this template but it has problems with larger screen size and touch screens , for example N97 mini where if you turn the rotation as portrait you get the touch screen’s soft keys that overlap your own buttons so it needs a little more work.

Bookmark It