Flex i AIR » AS 3.0

Flex SDK + Flash Player 10

Jarek — Sat, 24 Oct 2009 11:05:50 +0000

Wpis w związku z powtarzającymi się pytaniami na różnych forach.

Jak włączyć w Flex Builderze kompilowanie dla Flash Playera 10 (czyli mieć dostęp do klasy Vector i metody „save” w klasie FileReference):

zakładam, że mamy nowe SDK (najlepiej 3.4)
w właściwościach projektu wybieramy zakładkę „Flex Compiler” i…
- wpisujemy w „Additional compiler arguments” -target-player=10.0.0
  .
LUB
- zaznaczamy „Require Flash Player version:” i podajemy wartości: 10 0 0
  .

Więcej informacji na stronach Adobe – Targeting Flash Player 10

Wysyłanie formularzy multipart/form-data

Jarek — Tue, 08 Sep 2009 13:08:04 +0000

Trafiłem ostatnio na dość dziwny problem. Potrzebowałem mianowicie wysłać z poziomu Flexa dane formularza, które po stronie serwera zostałyby odebrane przez PHP (lub inny język server-side).

Jednak cały kłopot polegał na tym, że:

dane te miały wykorzystać istniejący już kod obsługiwany przez formularz w HTML’u – czyli niejako miałem się podszyć pod zwykłą stronę www, nie wykorzystując żadnych udogodnień typu AMF, Webservice czy RemoteObject,
chciałem wysłać jednocześnie dane tekstowe (np. dane rejestracyjne) oraz binarne (np. obrazki JPG), bez limitu ilości,
obrazki nie były pobierane z dysku użytkownika przez FileReference.browse, ale tworzone w locie jako zrzuty komponentów przez ImageSnapshot i trzymane w pamięci w zmiennych typu ByteArray.

Jedyne co udało mi się znaleźć to artykuł na blogu Neer’a Friedman’a i jego projekt na Google Code. Był to dobry początek do zmian…
BTW: niejaki Mike Stead, którego komentarz widnieje pod wpisem Neer’a też zajmował się tym problemem i zdaje się, że nawet go jakoś elegancko rozwiązał, jednak jego stronka padła kompletnie i nie ma jej nawet w Google Cache…

Wywaliłem kod odpowiedzialny za używanie Socketów zamieniając go na zwykłego URLLoader’a oraz troche zrefaktoryzowałem kod (uporzadkowałem). Tym sposobem pojawiła się biblioteka MultipartRequestLoader

Przykładowa aplikacja (wraz z kodem źródłówym pod prawym klikiem myszki), a tutaj kod biblioteki: multipart_loader_imrahil.zip

Kod przykładowej aplikacji:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" viewSourceURL="srcview/index.html">

import multipart.MultipartVariables;
import multipart.MultipartRequestLoader;

private var loader:MultipartRequestLoader;

private function init():void
{
loader = new MultipartRequestLoader('http://flex.imrahil.com/work/multipart_loader/upload.php');
var variables:MultipartVariables = new MultipartVariables();
var myByteArray:ByteArray = new ByteArray();

// we will create a fake file content here, you should replace this with the binary data you want to upload
for(var i:int=0; i<100;i++)
{
myByteArray.writeUTFBytes("123by\nAR\r\nRA\x65\x0156");
}

variables.add('file_data', myByteArray, 'filename.bin');
variables.add('another_var','extra data');

loader.variables = variables;
loader.addEventListener(Event.COMPLETE, fileUploaded);
loader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
loader.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
}

private function fileUploaded(event:Event):void
{
outputTxt.text += 'Result:';
outputTxt.text += MultipartRequestLoader(event.target).responseBody;
}
private function securityErrorHandler(event:SecurityErrorEvent):void
{
outputTxt.text = "securityErrorHandler: " + event;
}
private function ioErrorHandler(event:IOErrorEvent):void
{
outputTxt.text = "ioErrorHandler: " + event;
}
private function upload(event:MouseEvent):void
{
loader.load();
}
]]>

width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
label="Upload!" click="upload(event)" />
id="outputTxt" width="500" height="250" />
>
>

Adobe i Facebook – oficjalne AS3 API

Jarek — Tue, 31 Mar 2009 09:03:51 +0000

Adobe i Facebook ogłosiły dzisiaj, że łączą wysiłki w celu ułatwienia deweloperom Flash Platform pracy nad aplikacjami działającymi na Facebook Platform. W tym celu opublikowana została oficjalna biblioteka AS3 umożliwiająca korzystanie z API Facebook’a z poziomu aplikacji Flex/Flash. Pojawił się także specjalny dział na stronach Adobe Devnet poświęcony temu zagadnieniu.

Serwis InsideRIA.com będzie od przyszłego tygodnia publikował tutoriale pokazujące w jaki sposób wykorzystać w praktyce nowe facebook’owe AS3 API.

Edit: Ryan Stewart opublikował niesamowite demo pokazujące możliwości Facebook API oraz Adobe Flash Collaboration Services (AFCS – dawniej Cocomo)

Adobe Alchemy

Jarek — Fri, 28 Nov 2008 17:10:41 +0000

Alchemy to projekt mający na celu umożliwienie kompilowania kodu C lub C++ do postaci AVM2 (ActionScript Virtual Machine), czyli mówiąc wprost dający możliwość skompilowania kodu do SWF czy SWC i uruchomienia go w Flash Playerze 10 lub AIR 1.5.

Przykładem wykorzystania Alchemy mogą być portowane z C/C++ kodeki audio OggVorbis czy biblioteki silnego szyfrowania (aktualnie niedostępne w AS3).
Wyśmienitym przykładem jest także sportowany do Flash Platform i śmigający bezproblemowo Doom 1.

Całość jest aktualnie dostępna do ściągnięcia za darmo na Adobe Labs .

Jak dodatkowo wykorzystać addChild()

Jarek — Mon, 29 Sep 2008 20:48:14 +0000

Trick godny zapamiętania. Pomocny w momentach gdy podczas tworzenia serii nowych obiektów, oprócz dodania do nadrzędnego komponentu, potrzebujemy mieć do nich wskaźniki w podręcznej tablicy.

[source="as3"]
var newBtn:Button = new Button();
var childsArray:Array = new Array();

childsArray.push(addChild(newBtn));
[/source]

Źródło: blog AS3 Apex

Google Maps AS3 API i UMap v.0.9.1

Jarek — Wed, 14 May 2008 21:22:35 +0000

Google opublikowało dzisiaj Google Maps API for Flash. Całość to biblioteka SWC, którą podłączamy do Flexa (Builder lub SDK) i bezproblemowo budujemy mapkę Google Maps. Więcej przykładów do ściągnięcia z repozytorium projektu.

Poniżej mały, naprędce skompilowany przykład (źródło pod prawym przyciskiem myszy)

Niestety nie udało mi się odpalić tej biblioteki w aplikacji AIR. Wypluwało dziwny błąd związany z sandboxem…

Edit:
znany błąd. można na niego zagłosować na gmaps-api-issues.

Ogólnie całość sprawia wrażenie trochę niedopracowanego. Czasem sypie błędami, coś się nie wczytuje, etc

UMap
Jakby tego było mało, chwilę później dostałem informację mailem, że konkurencja z AFComponents nie śpi i nie marnuje czasu, tylko pracuje nad kolejnymi wersjami swojej obsługi map Google (jak też i innych), czyli UMap w najnowszej wersji 0.9.1 – showcase na umapper.com

Edit:
Wygląda na to, że Panowie z Google i Panowie z AFComponent jednak się lubią. Wskazuje na to przykład na oficjalnym blogu Google Maps.

Źródło: ReadWriteWeb.com

GAE SWF Project

Jarek — Wed, 07 May 2008 10:07:52 +0000

GAE SWF Project jest to opensource’owy projekt prowadzony przez Arala Balkana mający na celu łatwienie startu Flash/Flex developerom na platformie Google App Engine.

Pośród celów projektu są:

krzewienie dobrych praktyk kodowania,
komunikacja z serwerem oparta o PyAMF
wykorzystanie Google API: Mail API, Users API i Datastore API,
promocja prawidłowego umieszczania plików SWF za pomocą SWFObject,
głębokie linkowanie (deep linking) za pomocą SWFAddress.

Online demo: Flash 9 / Flex 3

Google App Engine to testowa i darmowa (na dzień dzisiejszy) oferta hostingowa udostępniona przez Google dająca możliwość umieszczania aplikacji pisanych w Pythonie i korzystających z tej samej infrastruktury co wyszukiwarka Google. Parametry to: max 3 aplikacje po maksimum 500MB trzymanych w bazie BigTable, 5 milionów odsłon i 10TB transferu miesięcznie. Umożliwiony jest dostęp do usług Google takich jak: GMail, Google Accounts i innych.

PyAMF to kompatybilna z Flash Playerem implementacja protokołu AMF (Action Message Format) stworzona w Pythonie. Jest to binarny protokół służący wymiany danych pomiędzy aplikacją Flash/Flex i serwerem za pomocą zdalnego wywoływania procedur (RPC).
Wywołania mogą być przesyłane poprzez protokół HTTP/HTTPS lub też poprzez RTMP/RTMPS. Dzięki serializacji obiektów do postaci binarnej zwiększa się wydajność wywołań co pozwala wczytywać dane 10 razy szybciej niż gdyby działo się to za pomocą tekstowych formatów takich jak XML czy SOAP. Porównanie wydajności można przeprowadzić na stronie Jamesa Warda.
Przykłady zastosowania PyAMF dostępne są na stronie projektu, a ja polecam jedno z ciekawszych rozwiązań, czyli PyAMF Python Shell Demo.