Flex за мобилни приложения

В предната статия разгледах новостите в десктоп версията на този изумителен framework. Сега ще създам първото си мобилно приложение на Флекс.

Нов Flex Mobile проект

Създаването на нов проект за мобилни устройства е направено на няколко стъпки, които дават начална насока на самата програма. Първата стъпка е стандартна – име на проекта, коя версия на Flex SDK да използва и папка със сорса.

Втората стъпка е най-важна – там се избира типа на програмата, като са дадени 3: празен проект, View-based application (на страници, подобно на уебсайт) и Tabbed application (различните части на програмата са в отделни панели, достъпни чрез бутони в горната и долната част на екрана).
За примерната програма избрах празен проект, защото и без това все се чудя какво да слагам в тези „hello world“ проекти.

Какво ще правим?

Реших да сложа един label, текстово поле, бутон и един списък. Като се натисне бутона въведеното в текстовото поле ще се добавя в списъка.

Design view – интерфейс

Създаването на интерфейса става по същия начин, както и в нормалните flex проекти. Чрез drag-and-drop и панела за настройки на селектирания компонент. Тук много удобно е панелчето Size and position, с което всеки компонент може да се фиксира на определено място и при смяна на ориентацията на екрана да запази желаната позиция и размер.

Source view – Кодът

Кодът по нищо не се различава от този на стандартно flex приложение. MXML/AS3

<?xml version="1.0" encoding="utf-8"?>


	
		<![CDATA[
			import spark.events.IndexChangeEvent;
			protected function button1_clickHandler(event:MouseEvent):void
			{
				list1.dataProvider.addItem( txt1.text );
			}
		]]>
	

	
		
	
	... и ме докосни
	
		
		
	
	... тук ...
	Напиши нещо...

Тестване и отстраняване на грешки

Flash Builder 4.5 дава следните възможности за тестване на програмата:
- На смартфона/таблета чрез USB
- На смартфона/таблета чрез Wi-Fi
- На компютъра в Android емулатор (за IOS също трябва да има)
Няма нужда от никакви допълнителни инсталации освен драйвърите на устройството ако ще ползвате USB дебъгване.

Резултатът виждате на най-горната картинка.

В заключение мога да кажа, че съм страшно доволен от това ново попълнение в сферата на Flex. Наистина е бързо, удобно и 95% от кода за flash player може съвсем лесно с copy/paste да се използва в мобилни приложения.