User's collector

Внимание!   Данная опция будет доступна только после того, как вы авторизуетесь.
   запомнить меня 

Думаю, что многим было бы интересно попробовать новые возможности, появившиеся в Flash Player 10 beta, однако не все еще знают, как можно по-быстрому организовать компиляцию роликов под эту версию плеера. Ниже, в виде краткой пошаговой инструкции, я расскажу о том, как можно очень быстро настроить среду разработки FlashDevelop для сборки роликов «под десятку».

Настраиваем инструментарий

Первым делом качаем сборку 2297-ой SVN-ревизии FlashDevelop IDE. Распаковываем содержимое архива в папку C:\Program Files\FlashDevelop\. Создаем на рабочем столе ярлык для файла C:\Program Files\FlashDevelop\FlashDevelop.exe.

Далее с этой страницы скачиваем последнюю ночную сборку Flex 3 SDK, содержащую компиляторы под Flash Player 10. На момент написания статьи самой последней была сборка под номером 3.0.1.2023, датированная 11-ым июнем 2008 года. Для удобства, распаковываем содержимое архива в папку, как можно более близкую к корню диска. Например, в C:\flex_3_sdk\.

Далее заменяем следующие узлы в файле C:\flex_3_sdk\frameworks\flex-config.xml:

<path-element>libs/player/9/playerglobal.swc</path-element>
...
<path-element>libs/player/9</path-element>

на:

<path-element>libs/player/{targetPlayerMajorVersion}/playerglobal.swc</path-element>
...
<path-element>libs/player/{targetPlayerMajorVersion}</path-element>

Это позволит использовать текущую Flex 3 SDK в качестве так называемой «Custom SDK» во FlashDevelop AS3 проекте, а так же свободно переключаться между 9 и 10 целевыми версиями создаваемых роликов.

Теперь загружаем автономный Debug Flash Player 10 beta и сохраняем файл в любом подходящем месте. Я сохранил его в папке с Flex 3 SDK. Запускаем FlashDevelop и прописываем полный путь к плееру в параметре Tools → Program Settings → FlashViewer → External Player Path.

Конфигурируем проект

Создаем новый ActionScript 3 проект (Project ⇒ New Project… ⇒ ActionScript 3 ⇒ Default Project) и как-нибудь называем его. Щелкаем правой клавишей по названию проекта в панели «Project» и в появившемся меню выбираем пункт «Properties…». В закладке «Output» в качестве целевой версии плеера выставляем «Flash payer 10» и выбираем пункт «Play in external player» в выпадающем списке «Test movie». Переходим на закладку «Compiler Options» и в параметре «Custom Path to Flex SDK» задаем полный путь к папке с Flex 3 SDK. Т.е. в нашем случае значением этого параметра будет строка C:\flex_3_sdk\.

Затем здесь же задаем полный путь к библиотеке C:\flex_3_sdk\frameworks\libs\player\10\playerglobal.swc в параметре «External Libraries». Нажимаем последовательно кнопки «Apply» и «OK».

На этом все. Теперь мы имеем настроенную IDE, с поддержкой новых классов и конструкций языка, появившихся в Flash Player 10 beta, а так же возможность компилировать ролики под эту версию плеера. Желаю вам интересных экспериментов!

3 комментария

Теги:

Вот наконец-то выдалось несколько свободных деньков, которые я посвятил своему знакомству с AIR (Apollo) и переводу третьей главы книги Apollo for Adobe Flex Developers. Pocket Guide. Скачал SDK, документацию и погрузился в процесс. Однако работа в консоли меня быстро утомила (а качать Apollo extension я не стал, по причине того, что мой билдер все никак не обновиться до версии 2.0.1), поэтому я решил автоматизировать процесс создания Flex-based Apollo приложений с помощью FlashDevelop. Но обо всем по порядку.

Установка Apollo SDK

  • Собственно, нам потребуется два SDK: Flex SDK 2.0.1 и Apollo SDK, первое скачиваем здесь, второе — здесь;
  • теперь создаем папку, пусть это будет C:apollo_sdk. Распаковываем в эту папку содержимое архива c Flex SDK, затем в эту же папку распаковываем архив с Apollo SDK. На вопросы о замене файлов отвечаем твердое «да».

Установка и настройка FlashDevelop

  • О том, как установить и настроить FlashDevelop я рассказывать не буду, почитать об этом вы можете здесь;
  • после того как FlashDevelop установлен и настроен, нам всего лишь надо добавить в него шаблон для создания Flex-based Apollo приложений. Для этого скачайте и распакуйте архив с шаблоном в папку [FlashDevelop_HOME]/Data/ProjectTemplates.

Вот теперь мы готовы к созданию Apollo приложения, если кто забыл, то весь сыр-бор именно ради этого. В качестве примера предлагаю написать простенький веб браузер, как в книге Apollo for Adobe Flex Developers.

Создание Apollo приложения

Открываем FlashDevelop и создаем новый Flex-based Apollo project. Задаем ему имя и указываем местоположение. После того как проект создан, открываем файл App.mxml и создаем в нем код нашего веб браузера:

XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:ApolloApplication
  3.     xmlns:mx="http://www.adobe.com/2006/mxml"
  4.     layout="vertical">
  5.     <mx:TextInput id="urlTxt" width="100%"
  6.         enter="html.location=urlTxt.text;"
  7.         text="http://www.google.com" />
  8.     <mx:HTML id="html" width="100%" height="100%"
  9.         location="http://www.google.com" />
  10. </mx:ApolloApplication>

Теперь нажимаем ANT Build, если все сделано правильно, то в папке deploy должен появиться файл App.air — это и есть установочный файл нашего Apollo приложения. Понятное дело, что на этапе разработки очень не удобно после каждой сборки устанавливать и удалять разрабатываемое приложение. Поэтому в build.xml предусмотрена задача test. Так что открываем build.xml и заменяем значение атрибута default тэга project на test. Снова нажимаем ANT Build и любуемся нашим веб браузером.

Описание build.xml и build.properties

Отдельное спасибо Юре Яровому за файл build.xml, он сделал его простым и понятным.

Build.xml состоит из шести задач:

  • compile.swf — компилирует swf-файл нашего приложения;
  • copy.xml — копирует xml-файл, в котором описаны параметры приложения;
  • copy.icons — копирует папку с иконками приложения;
  • compile.air — компилирует установочный air-файл;
  • build — компилирует swf, копирует xml-файл и папку с иконками, после чего компилирует air-файл и удаляет swf, xml и иконки;
  • test — компилирует swf, копирует xml и запускает Apollo приложение в тестовом режиме.

В build.properties вы сможете изменить содержание итогового xml-файла приложения. Подробнее об xml-файле Apollo приложения можно прочесть здесь.

На этом все. Удачи!

4 комментария

Теги: