Как начать разработку на Adobe Flex 4 и еще немного

Моё знакомство с Adobe Flex началось случайно. Я люблю изучать новые технологии и когда решив использовать Flash для сайта, мне захотелось чего то большего. Flex подошел как нельзя лучше. Большое количество готовых компонентов, гибкость и легкость, а возможность использовать готовый проект как отдельную программу, с помощью Adobe AIR, бесплатность и Action Script 3.0 вконец заманили меня.

С чего начать

А начнем мы с установки среды разработки (IDE). Я выбрал простую и бесплатную FlashDevelop версии 3.3.4. Для её работы нам понадобится свежая версия Microsoft .net framework и JDK, JRE. Запустим установку FlashDevelop. Следуя подсказкам мастера необходимо убедиться, что пункт Install Flex SDK, а так же подпункт Standalone/Partable списка Advanced выбраны.
Во время установки будет скачан последний Flex SDK, а что либо настраивать нам более не придется.

Тот самый «Hello, World!»

Любое первое приложение всегда приветствует мир и наше не будет исключением.
Запустим FlashDevelop и создадим новый проект (Projects-New Project). Из появившегося списка нас интересует пункт Air Flex 4 Projector. Поле Name означает название нашего проекта, я оставил New Project. Поле Location означает в какой папке на вашем жестком диске будет размещаться проект. Поле Package заполнять не обязательно, но я рекомендую заполнять его для применения в дальнейшей разработке. Чекбокс Create directory for project, при положительном состояние, означает, что мы хотим создать отдельную подпапку для нашего проекта.

Нажимаем Ok и наша IDE генерирует проект. Тут стоит сказать несколько слов и размещение файлов и их значение.

• bin — тут размещаются собранный компилятором swf файл, а так же шаблон index.html и стандартный загрузчик
• lib — тут размещаются внешние библиотеки (данная папка в ближайшее время нам не понадобится)
• src — по сути основная/рабочая папка содержащая исходные коды нашего приложения
  
  • com
    
    • testapp
      
      • Main.mxml — собираемый (compiled) файл mxml. Это наш первый рабочий файл

Откроем файл Main.xml.
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">

<fx:Declarations>
</fx:Declarations>

</s:WindowedApplication>
Знакомая структура, не так ли? Flex для построения элементов сцен использует обычный xml.
Давайте наконец таки поприветствуем мир. После закрытия </fx:Declarations> добавим следующую строчку
<s:Label text="Hello, World!" />Клавишей F5 на клавиатуре соберем и запустим наше приложение.

В итоге

Adobe Flex это гибкая и мультиплатформенная среда. Action Script 3.0 для написания кода. Готовый проект можно запускать в браузере или как полноценное приложение. Его гибкость позволяет нам использовать преимущества flash и desktop приложений, а большое количество компонентов упрощает разработку, но о них я расскажу позднее.

Полезные ссылки

• Официальная документация от Adobe
• Flex Example — Блог с большим количеством примеров
• Adobe документация по AS 3.0