Flash, Flex, Air

Загрузка созданых на лету файлов (FZip, UploadPostHelper)

WD479 — Thu, 10 Mar 2011 22:16:41 +0000

Порой надо загрузить на сервер файлы, сгенерированные программно – скриншоты, архивы и другое. Из-за ограничений безопасности FileReference’у [ru] необходимо участие пользователя для загрузки файлов – при выборе внешнего файла для загрузки – заполняются все его хэдеры.
Обойти это ограничение можно используя класс UploadPostHelper.

Функция загрузки будет выглядеть так:

private function uploadFile(ba:ByteArray, fileName:String):void {
var urlRequest:URLRequest = new URLRequest();
urlRequest.url = uploadPath;
urlRequest.contentType = 'multipart/form-data; boundary=' + UploadPostHelper.getBoundary();
urlRequest.method = URLRequestMethod.POST;
urlRequest.data = UploadPostHelper.getPostData(fileName, ba);
urlRequest.requestHeaders.push(new URLRequestHeader('Cache-Control', 'no-cache'));

var urlLoader:URLLoader = new URLLoader();
urlLoader.dataFormat = URLLoaderDataFormat.BINARY;
urlLoader.addEventListener(Event.COMPLETE, completeHandler);
urlLoader.addEventListener(IOErrorEvent.IO_ERROR, ioError);
urlLoader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, onSError);
urlLoader.addEventListener(HTTPStatusEvent.HTTP_STATUS, onhttp);
urlLoader.load(urlRequest);
}

Здесь можно скачать пример проекта (flashdevelop, клиентская часть), который архивирует текстовые данные используя FZip и отправляет файл на сервер.

AIR for Android: Hello World!

WD479 — Mon, 28 Feb 2011 09:47:10 +0000

1. Необходимые файлы.

Adobe AIR SDK 2.5: (depositfiles.com)
Android SDK: Свежие весии на android.com (depositfiles: sdk r09, sdk r10)
AIR Runtime Android: (один из них нужен, если будете устанавлиавать приложение на реальное устройство)
com.adobe.air.v2.5.0.1660.apk.zip
com.adobe.air.v2.5.1.1774.apk.zip
com.adobe.air.v2.6.apk.zip
AIR Runtime Android Emulator Froyo (для эмулятора):
Runtime_Emulator_Froyo_20100930.zip
Исходники приложения (FlashDevelop проект, примеры .bat-скриптов упаковки и устновки apk и скрипты apache ant): AF4droid.sources

2. Установка.

. Распаковываем Adobe AIR SDK 2.5 прямо в папку с flex sdk (я использовал версии 3.4 и 4.1 – обе успешно:) )

. Запускаем installer_r10-windows.exe.
. Если вас встречает такой скрин,

то вам нужко скачать Java JDK (depositfiles: JDK 6.24, win32 jdk-6u24-windows-i586.exe.zip).
. Next, Next.. Start SDK Manager:

. На следющем скрине выбираем пункты которые надо установить. Я добавил USB driver и выбрал sdk 2.2. Позже всегда можно доустановить необходимое. (все будет выкачиваться с сети)

. Ждем установки, потом появится “Done. 5 Packages Installed.” и жмем Close.
. Теперь слева выбираем Virtual Devices и жмем New.

. Выбираем необходимый API и другие настройки и жмём Create AVD:

. После успешного создания выбираем эмулятор в списке и кликаем Start. Откроется окно эмулятора. Процесс запуска очень не спешен и занимает некоторое время.

. Пока эмулятор запускается, компилируем наше приложение. Собирается оно аналогично простому air-приложению за исключением:

application.xml:

version="1.0" encoding="utf-8" ?>
xmlns="http://ns.adobe.com/air/application/2.5">
>AF4droid>
>AF4_droid>
>1.0>
>mobileDevice>
>AF4droid>
>>
>>
>
>AF4_droid>
>AF4droid.swf>
>true>
>

>

1. versionNumber вместо version;
2. иконка имеер размер 72х72 пикселя;
3. добавлен тэг supportedProfiles.
При сборке APK-файла добавляется директива -target apk сразу вслед за -package
Внимание: для приложений для эмулятора использовать надо -target apk-debug

. Создаем простое приложение и билд-скрипт для apache ant. Перепроверьте flexSDK, androidSDK и другие пути.

Main.mxml:

version="1.0" encoding="utf-8"?>
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">

>

>

label="My Button" />
>

build.properties:

FLEX_HOME=D:/SDKs/flex_sdk_4.1.0.16076
dir.src =${basedir}/src
dir.lib =${basedir}/lib
dir.deploy = ${basedir}/bin
build.isDebug = true

ADL=${FLEX_HOME}/bin/adl.exe
ADT.JAR=${FLEX_HOME}/lib/adt.jar

APP_DESCRIPTOR = application.xml
STORETYPE = pkcs12
KEYSTORE = AF4droid.pfx
APP_ROOT_FILE = AF4droid.swf
AIR_FILE = ${basedir}/apk/AF4droid.apk

buildAPK.xml:

version="1.0" encoding="utf-8"?>
name="Android AIR" basedir="." default="BuildAPK">
file="build.properties" />
resource="flexTasks.tasks" classpath="${dir.lib}/flexTasks.jar" />

name="BuildAPK">
target="Compile" />
target="Package" />
>

name="Compile">
file="${dir.src}/Main.mxml"
output="${dir.deploy}/AF4droid.swf"
incremental="true"
debug="${build.isDebug}"
warnings="true"
strict="true"
locale="en_US"
show-unused-type-selector-warnings="false"
target-player="10.0.0"
optimize="true"
use-network="false"
configname="air"
>

filename="${FLEX_HOME}/frameworks/air-config.xml"/>

path-element="${dir.src}"/>

width="800" height="600" />

>
>Building App finished successfully!>
>

name="Package" description="">
dir="${basedir}/apk"/>
dir="${basedir}/apk"/>
jar="${ADT.JAR}" fork="true" failonerror="true">
value="-package"/>
value="-target"/>
value="apk-debug"/>
value="-storetype"/>
value="${STORETYPE}"/>
value="-keystore"/>
value="${KEYSTORE}"/>
value="-storepass"/>
value="fd"/>
value="${AIR_FILE}"/>
value="${APP_DESCRIPTOR}"/>
value="-C"/>
value="${dir.deploy}"/>
value="${APP_ROOT_FILE}"/>
>
>AIR app packaging finished. AIR file: ${AIR_FILE}>
>
>

Результатом выполнения скрипта будет файл AF4droid.apk, который и будет устанавливаться на устройства.

. Вернемсяя к нашему эмулятору. Успешно запущенный эмулятор выглядит так:

.Теперь нам надо установить на эмулятор AIR Runtime.
Общий вид команды установки APK-файлов:

adb -e install -r %APK_FILE%

adb нахдится в android-sdk\platform-tools. Можете добавить путь к этой папке в системные переменные операционно системы.
ключ -e указывает что комманда должна выполняться на эмуляторе;
ключ -r указывает что приложение должно быть переустановленно в случае, если оно уже было установленно ранее.

. Копируем файл Runtime_Emulator_Froyo_20100930.apk в корень D:/ и устанавливаем его на виртуальное устройство:

adb -e install -r D:/Runtime_Emulator_Froyo_20100930.apk

Если установка успешна, то в Settings/Applications/Manage Applications/ появится Adobe AIR.

. Теперь надо установить наш APK-файл. Копируем его в корень D:/ (либо укажите полный путь к нему)

adb -e install -r D:/com.adobe.air.v2.5.15320.apk

. В меню появится наше приложение:

. И, собственно, само приложение

Пояснения:
Исходный код приложения:
Т.к. сертификат уже сгенерирован (со стандартным паролем fd), то для создания APK достаточно запустить ant-скрипт, который скомпилирует приложение и упакует APK.
Файлы InstallAPK.bat и PackageAPK.bat приведены для ознакомления.

Error: Optimization gone wrong, fix code.

WD479 — Mon, 31 Jan 2011 09:35:23 +0000

java.lang.RuntimeException: Optimization gone wrong, fix code.
Этими тёплыми словами приветствовал меня mxmlc при попытке сборки air приложения.
Всезнающий гугл никакой информации не дал. Слава свн’у =)
Проблема заключалась в том, что в теле одного из классов встретилась директва import. Причем компиляция flex-версии проходила успешно и работала без ошибок. Но при попытке скомпилировать air-версию всплывала эта ошибка.

Ant plugin для FlashDevelop

WD479 — Wed, 03 Mar 2010 22:50:35 +0000

Появился очень простой, но очень полезный плагин для FlashDevelop’а – Ant panel plugin.

Для настройки надо указать либо путь к папке ant/bin в переменных среды (%PATH%), либо в Tools/Program Settings/Ant Plugin указать путь к анту.

Flex 4 Gumbo во FlexDevelop 3

WD479 — Mon, 01 Mar 2010 14:51:44 +0000

Настроить FlashDevelop для компиляции используя Flex 4 (Gumbo) SDK легко.
Намного больше времени прийдется потратить на то, что бы заставить работать подсветку AS синтаксиса, авто-заполнение mxml и много другое, без чего работать с новым sdk не комфортно:). Последний официальный релиз FD был 3.0.6 RTM от 04 ноября 2009 года. С тех пор разработчики сделали очень много изменений, включая улучшенное автозаполнение AS кода в mxml, а так же поддержку flex4.
Вытянув сегодня с официального SVN исходники получил вроде бы рабочую версию )
Flex 4 проект можно создавать сразу из меню Projects:

Не забудте указать в Tools/Program Settings/AS3 Content/Flex SDK Location путь в Flex SDK 4
Скачать сборку можно тут: FlashDevelop 3.1.0 r863 (.7z 4.5Mb) (сборка от 01 марта)

as3crypto: примеры и bugfix’ы =)

WD479 — Sat, 27 Feb 2010 20:17:23 +0000

Думаю многие уже сталкивались с такой библиотекой как as3crypto. Замечательная библиотека, позволяющая работать с такими алгоритмами шифрования как: RSA,AES, DES, 3DES, BlowFish, XTEA, RC4 + много других плюшек:). На официальной демо-странице можно оценить её возможности. Документацию по ней можно не искать – её нет. Единственный вариант – изучать исходники демки.
Но скачав последнюю (1.3) версию получил “приветствие”:
\src\com\hurlant\crypto\symmetric\AESKey.as(214): col: 29: Warning: flex2.compiler.as3.SignatureExtension.SignatureGenerationFailed[node=’ForStatement’, level=’warning’, cause=’flex2.compiler.as3.SignatureAssertionRuntimeException: Unreachable Codepath
Нашёл несколько исправлений, но рабочим оказалось только это.

Простой пример DES шифрования (исходный код с исправленным AESKey.as)

WD479 — Wed, 24 Feb 2010 19:24:33 +0000

Да, давненько была последняя запись. Как всегда главная проблема – количество часов в сутках:)
Попробую всё же реинкарнировать блог, но, к сожалению, все комментарии были безвозвратно утерянны (

Хороший стиль Flex-программирования.

WD479 — Thu, 29 May 2008 09:06:44 +0000

На adobe есть хороший документ:
Flex SDK coding conventions and best practices

Оказывается две главы из него уже есть на русском языке в блоге racer242:
Именование
Использование языка программирования

UPD: 29.05.2008
Три главы: Структура файла

Beta CS4: Dreamweaver, Fireworks, Soundbooth. Flex 4 SDK!

WD479 — Tue, 27 May 2008 05:40:23 +0000

На Adobe Labs доступны к скачиванию бэта-версии:
. Dreamweaver CS4: подробнее | скачать
. Fireworks CS4: подробнее | скачать
. Soundbooth CS4: подробнее | скачать

UPD: Урра! Flex 4 SDK Downloads

UPD: Adobe Flash Player 10 Astro

WD479 — Wed, 21 May 2008 15:00:30 +0000

Несколько полезных ссылок по недавно вышедшему Flash Player’у 10 (Astro)

Flash Player 10 API. [zip, 6.5Mb]

Подробно об изменениях на английском на официальном сайте

На русском хорошее описание можно прочитать у Constantiner’a

! Flash Player 10 более не поддерживает Mac OS X v10.1, но зато добавленна поддержка Ubuntu.
! Перед установкой Flash Player 10 настойчиво рекомендуют скачать Uninstaller (EXE, 181kb)
Cистемные требования[en]

Скачать Flash Player 10 можно с сайта adobe.com:

Download ActiveX Control for Windows
Download Plugin for Windows (EXE, 1.76 MB)
Download Plugin for Macintosh (DMG.ZIP, 5.78 MB)
Download Plugin for Linux (TAR.GZ, 3.73 MB)
Download Plugin for Linux (RPM, 3.73 MB)

Установка:

Flex Builder и mxmlc: Targeting Flash Player 10 Beta with Flex SDK 3.0.x
FlashDevelop: Flash Player 10 support in FlashDevelop
FDT: FDT + Astro = Love!

Уроки и другая полезная информация:

. Список добавленных и удаленных методов в Flash Player 10
. Форумы по FP 10
. Flash Player 10 Drawing API [en] – хорошее описание новых методов рисования в 10 плеере, примеры и демки.
. Использование фильтров Pixel Bender в ActionScript 3 by Garbage Collector

Видеоуроки (gotoAndLearn.com) [en]:

. Flash Player 10 Beta: 3D – использование третьего измерения.
. Flash Player 10 Beta: FileReference – методы чтения и записи локальных файлов используя новый класс FileReference.
. Flash Player 10 Beta: Dynamic Sound – динамическое создание звуков используя новые возможности плеера.

Попробовать что то написать под Flash Player 10 можно оспользуя Flex SDK. Что качать и как настраивать на английском описанно тут: Targeting Flash Player 10 Beta with Flex SDK 3.0.x