Среды Animate CC (ранее Flash Professional CC) и Flex® можно совместно использовать различными способами, в том числе путем создания пользовательской графики и пользовательских компонентов в среде Animate для использования в среде Flex®. В следующих руководствах показаны несколько способов совместного использования сред Animate® и Flex®.

Примечание. Рабочий процесс представления «Дизайн» между Animate и Flash Builder больше не поддерживается. При вызове этого рабочего процесса из Flash Builder 4.6 в Animate выдается исключение.

Некоторые рабочие процессы Flash Builder могут не взаимодействовать с последними версиями Animate CC (начиная с 2017). 

Редактирование и отладка ActionScript в Animate и Flash Builder

Приступая к работе

Для использования этих рабочих процессов Animate/Flash Builder необходимо удовлетворить следующие требования.

  • Установлены оба приложения: Flash CS5 и Flash Builder 4.

  • Для запуска FLA-файла из Flash Builder необходимо настроить на панели «Обозреватель пакета» принадлежность данного проекта к Animate.

    Дополнительные сведения о настройке принадлежности проекта в Flash Builder см. в справке по Flash Builder.

  • Для запуска FLA-файла в Flash Builder необходимо, чтобы с проектом был связан FLA-файл, готовый для проверки и отладки в свойствах Animate проекта.

Проверка, отладка и публикация в Animate из Flash Builder

Выполнение проверки или отладки во Animate во время редактирования в Flash Builder 4.

  • В перспективе разработки Flash Builder выберите «Выполнить» > «Проверка ролика» или «Выполнить» > «Отладка ролика». Обратите внимание, что напротив каждого пункта меню расположен значок Animate. После завершения сеанса отладки или закрытия окна SWF при отсутствии ошибок компиляции в сценариях кадра в FLA-файле, связанного с проектом, фокус автоматически переключится на Flash Builder. Информация об ошибках отображается в Flash Builder на панели «Ошибки».

Публикация FLA-файла, связанного с текущим проектом, в Flash Builder.

  • В перспективе разработки Flash Builder выберите «Проект» > «Публиковать ролик». Обратите внимание, что напротив команды меню расположен значок Animate.

Редактирование файлов AS во Flash Builder из Animate

Создание нового класса или интерфейса ActionScript 3.0 и назначение Flash Builder в качестве редактора.

  1. Выберите команду «Файл» > «Новый».

    Новый документ
    Новый документ
  2. Задайте предполагаемый замысел на вкладках вверху экрана: «Анимация персонажей», «Социальные сети», «Игры», «Образование», «Реклама», «Интернет» и «Дополнительно». В диалоговом окне «Новый документ» выберите класс или интерфейс ActionScript 3.0.

  3. В диалоговом окне «Создание ActionScript 3.0» выберите Flash Builder в качестве приложения для создания файла и нажмите «ОК». Запустится Flash Builder.

  4. В Flash Builder выберите FLA- или XFL-файл, который требуется связать с файлом ActionScript и нажмите «Готово».

Открытие и редактирование файла AS в Flash Builder из Animate:

  1. На панели «Библиотека» нажмите правой кнопкой мыши символ, связанный с классом или интерфейсом и выберите «Свойства».

  2. В диалоговом окне «Свойства символа» нажмите «Редактировать определение класса».

  3. Убедитесь, что в появившемся диалоговом окне «Редактирование» ActionScript 3.0 редактором для файла AS является Flash Builder, затем нажмите «ОК».

    В противном случае выберите Flash Builder в качестве приложения для редактирования файла класса, а затем нажмите «ОК».

    Файл откроется для редактирования в Flash Builder.

Создание компонентов для Flex

В Adobe Animate можно создавать содержимое для использования в качестве компонентов в приложениях Adobe® Flex®. Это содержимое может включать визуальные элементы и код Adobe® ActionScript® 3.0.

Создание компонентов в Animate для использования в Flex позволяет использовать гибкие возможности графического дизайна Animate и при этом пользоваться возможностями Flex.

Для создания компонентов Flex в Animate необходимо установить набор компонентов Flex Component Kit для Animate. Набор компонентов устанавливается с помощью менеджера расширений Adobe Extension Manager. Некоторые версии набора компонентов могут поддерживать не все функции Adobe Animate, поэтому рекомендуется загрузить последнюю версию со страницы www.adobe.com/go/flex_ck_ru.

Дополнительные сведения об использовании Flex вместе с Animate см. в документации по Flex на веб-сайте Adobe по адресу www.adobe.com/go/learn_flexresources_ru.

Создание компонента Flex в Animate:

  1. Убедитесь, что установлен менеджер расширений Adobe Extension Manager. Чтобы загрузить его, перейдите на страницу загрузки Extension Manager по адресу http://www.adobe.com/go/extension_manager_dl_ru.

    Менеджер расширений по умолчанию устанавливается вместе с приложениями Adobe Creative Suite.

  2. Загрузите и установите набор компонентов Flex Component Kit со страницы http://www.adobe.com/go/flex_ck_ru. Обязательно закройте Animate, прежде чем устанавливать набор компонентов. Дополнительные сведения об установке расширений с помощью Adobe Extension Manager см. на странице http://www.adobe.com/go/learn_extension_manager_ru.

  3. Запустите Animate. В меню «Команды» появятся две новые команды: «Преобразовать символ в компонент Flex» и «Преобразовать символ в контейнер Flex».

  4. В Animate создайте символ фрагмента ролика, содержащий графику и код ActionScript 3.0, который нужно включить в компонент Flex. Содержимое необходимо добавить в символ фрагмента ролика перед преобразованием в компонент Flex.

  5. Прежде чем преобразовывать фрагмент ролика в компонент Flex, проверьте, выполнены ли следующие требования совместимости с Flex.

    • FLA-файл должен иметь частоту кадров, равную 24 кадр/сек, которая также должна соответствовать частоте кадров любых проектов Flex, в которых будет использоваться компонент.

    • Точка регистрации должна находится в точке фрагмента ролика с координатами 0, 0.

      Примечание. Чтобы убедиться, что все содержимое фрагмента ролика имеет точку регистрации с координатами 0,0, нажмите кнопку «Изменить несколько кадров» под временной шкалой, выделите все кадры на временной шкале фрагмента ролика, выделите все содержимое во всех кадрах и переместите его в точку с координатами 0,0 с помощью инспектора свойств.

  6. Выделите фрагмент ролика на панели «Библиотека» и выберите «Команды» > «Преобразовать символ в компонент Flex».

    Animate преобразует фрагмент ролика в компонент Flex, меняет его значок на панели «Библиотека» на значок Flex и импортирует в библиотеку фрагмент ролика, скомпилированный классом FlexComponentBase. Animate встраивает объект FlexComponentBase в SCW-файл компонента Flex, создаваемый при выполнении следующего шага.

    Обращайте внимание на сообщения о прогрессе, отображаемые на панели «Вывод», по мере того как Animate преобразует фрагмент ролика.

  7. Выберите «Файл» > «Опубликовать», чтобы создать SWC-файл, содержащий скомпилированный компонент Flex. Animate также создает SWF-файл из основного FLA-файла, но при желании его можно игнорировать. Теперь опубликованный SWC-файл компонента готов к использованию в Flex.

  8. Чтобы использовать SWC-файл в Flex, выполните одно из следующих действий.

    • Скопируйте SWC-файл из Animate и вставьте его в основную папку проекта Flex.

    • Добавьте SWC-файл в путь библиотеки продукта Flex. Дополнительные сведения см. в документации по Flex Builder по адресу http://www.adobe.com/go/learn_flexresources_ru.

Использование метаданных Flex

Создавая код ActionScript 3.0 для использования в Flex, в него можно добавить метаданные, чтобы встроить внешние файлы в любой опубликованный SWF-файл, содержащий код ActionScript. Как правило, такие объявления метаданных [Embed] используются для встраивания в SWF-файл изображений, шрифтов, отдельных символов или других SWF-файлов.

Метаданные представляют собой данные о данных. Метаданные добавляются в код ActionScript, в строку, которая находится непосредственно перед строкой кода, к которой они относятся. Затем компилятор учитывает метаданные в ходе компиляции следующей за ними строки кода.

Например, чтобы встроить изображение с именем «button_up.png», которое хранится в каталоге, расположенном на один уровень выше файла ActionScript, нужно использовать следующий код ActionScript:

[Embed("../button_up.png")]

private var buttonUpImage:Class;

Тег метаданных [Embed] предписывает компилятору встроить файл с именем «button_up.png» в SWF-файл и связать его с переменной buttonUpImage.

Дополнительные сведения о встраивании ресурсов с помощью метаданных Flex см. в разделе «Встраивание ресурсов» в «Руководстве разработчика Flex 3» по адресу http://www.adobe.com/go/learn_flexresources_ru.

Если используется функция, требующая Flex SDK, например, метаданные [Embed], во время компиляции Animate просит добавить файл Flex.SWC в путь к библиотеке FLA-файла. Файл Flex.SWC содержит скомпилированные классы, необходимые для поддержки метаданных Flex. В диалоговом окне щелкните «Обновить путь к библиотеке», чтобы добавить файл Flex.SWC в путь к библиотеке. Также файл Flex.SWC можно добавить в путь к библиотеке позже в параметрах публикации ActionScript.

Дополнительные ресурсы

Дополнительные сведения и примеры интеграции Animate и Flash Builder содержатся в следующих источниках.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет