Adobe Flex / AIR : exemples, tutoriels, veille sur les Nouvelles Applications Internet » Adobe Flex

BluePrint : The missing extension

Julien Lestel — Wed, 08 Sep 2010 22:33:04 +0000

BluePrint est une extension d’Eclipse qui permet d’obtenir des ressources (aides, exemples, …) directement avec le raccourci CTRL+B dans Eclipse. En effet, la documentation de Flex sur Eclipse était inutilisable car trop longue à se lancer…

Cette extension est donc une réussite et vous pouvez l’installer en regardant ce tuto sur le Labs d’Adobe: http://labs.adobe.com/wiki/index.php/Blueprint:Installation_Instructions

Pour commencer à l’utiliser : http://labs.adobe.com/wiki/index.php/Blueprint:Using_Blueprint

Nouvelles pour Flexeurs !

Julien Lestel — Wed, 08 Sep 2010 18:18:03 +0000

Un site d’exemple d’application Android : http://blogs.adobe.com/koestler/2010/08/adobe-flex-on-android.html
Box2D Flash Alchemy Port est une interface AS3 du moteur physique Box2D C++ 2D compilé avec Adobe Alchemy pour la création de mondes virtuels.En savoir plus chez @alecmce
J’ai eu l’occasion de faire quelques traitements sur des images avec Alchemy et c’est vraiment sympa pour la mémoire et les perfs Flash aurait dû proposer (reposer) sur cela depuis longtemps déjà
Studioludens est une application Adobe AIR intéressante destinée à créer des patterns d’images : http://www.studioludens.com/repper/download/
Shaun Smith vous propose de participer à un projet pour automatiser l’injection des dépendances en parsant les métédatas des classes : http://shaun.boyblack.co.za/blog/2010/09/08/as3-di-metadata-tags/
Flintparticles est un projet de particules en AS3 réalisé par Richard_Lord. Voir les exemples : http://flintparticles.org/examples et la documentation : http://flintparticles.org/documentation qui devrait vous parler

[AR] MP Change modifie votre tête en 3D

Julien Lestel — Tue, 17 Nov 2009 09:03:08 +0000

MP Change est une nouvelle application utilisant la réalité augmentée avec Flex. Après avoir uploadé votre photo, vous pourrez essayer des cheveux, barbes sur votre tête modélisée en 3D. C’est énorme

Je vous invite à tester l’application ici : http://labs.mppark.jp/hige/

Exemple avec ma nouvelle barbe

exemple avec ma tête de barbu

Installer SVN avec Flash Builder Beta 2

Julien Lestel — Fri, 13 Nov 2009 08:56:34 +0000

Pour installer SVN avec le dernier des Flash Builder, il vous faut procéder comme cela :

Installer le SVN Team Provider depuis : http://download.eclipse.org/technology/subversive/0.7/update-site/
Après l’installation du SVN Team Provider, redémarrez Eclipse et installer SVN Connectors depuis : http://www.polarion.org/projects/subversive/download/eclipse/2.0/update-site/

En espérant avoir aidé certains … bon Flex

Flash Builder Beta 2

Julien Lestel — Sun, 18 Oct 2009 10:11:01 +0000

Sur le labs, Adobe propose le Flash Builder beta 2 au téléchargement.

Cette nouvelle beta n’est pas compatible avec la beta , il vous faudra désinstaller la beta 1 puis installer la beta 2.

Les framework Flex 4.2 et 3.4.1 sont intégrés dans cette version.

Voici quelques unes des nouveautés présentent dans la beta 2 :

Suggestion de composants, en mode Code
Nouvelle gestion des skins, en mode Design
Test direct des remote data
Ajout de fonctionnalités au Debugger, Profiling et au Network Monitor
Gestion de BlazeDS et LCDS3
Intégration de Test Unit

Télécharger Flash Builder beta 2

Pour demander votre numéro de série Flash Builder beta 2, ça se passe ici : https://freeriatools.adobe.com/flashbuilder4beta/

Pour ma part, je suis ravi de l’évolution du debugger qui possédait de grosse lacunes qui ont été résolues.

N’hésitez pas à laisser vos découvertes sur cette nouvelle version en commentaire.

En savoir plus sur Flash Builder pour Flex 4

Julien Lestel — Mon, 08 Jun 2009 22:35:30 +0000

Voici quelques liens pour vous aider à découvrir toutes les nouveautés de Flex 4 :

http://sujitreddyg.wordpress.com/flash-builder-4/ pour s’initier au Network Monitor, à l’accès au service HTTPService, WebService, PHP, la liaison avec Catalyst et une démo pour construire une application Flex 4 avec Google App Engine en 10 minutes !
http://raghuonflex.wordpress.com/2009/06/01/connecting-to-webservices-with-the-data-centric-development-dcd-feature-in-flash-builder-4-part-1/ une application de test pour tout savoir de l’accès et de l’utilisation automatique des Webservices.
Liste de skin Catalyst opensource : http://groups.adobe.com/resources/d17e72cf15/summary

Flash Builder 4 et Flash Catalyst sont disponibles

Julien Lestel — Tue, 02 Jun 2009 22:41:52 +0000

La plupart d’entre vous doivent déjà savoir que Adobe vient de sortir les bétas publiques de Flash Builder 4 et Flash Catalyst pour la communauté des développeur Flex.

Pour pus d’informations, vous pouvez consulter les posts de Michael ou Sean.

J’essaierai de mettre à jour ce post si je trouve des infos utiles sur le Flash Builder pendant mes développements…

Rotation sur le Centre d’un élément en Adobe Flex

Julien Lestel — Fri, 03 Apr 2009 10:05:44 +0000

Parfois, les éléments de nos applications Flex doivent pouvoir être tournés grâce à une rotation. Le centre de rotation en Flex est le coin en haut à gauche mais ce n’est pas out le temps l’idéal. En Flash, il y a la possibilité de choisir où mettre le centre de rotation … mais pas en Flex !

Pour dépasser cette limite en Flex, il existe différentes approches :

Beaucoup de blogs reprennent la documentation Flex du Rotate et montrent comment l’utiliser.
Pour faire une rotation avec n’importe quel centre de rotation, on peut utiliser la classe MatrixTransformer : Joel Connett a écrit un article complet sur le sujet ici.
La solution de Chad est encore différente. Voici un exemple pour la tester :

Le code source est disponible ici.

Essayez en cliquant sur le boutton “show canvas”, vous allez voir un box qui se place en bas à droite du cercle en spirale. C’est uniquement un quart du cercle qui est dans le canvas. Le centre du cercle est placé dans le coin en haut à gauche du canvas. Le canvas va (par default) supprimer le contenu qui dépasse et, il existe une propriété nommée “clipContent”. Il faut la mettre à false et voila.

Cette méthode fonctionne avec Flex 2 et Flex 3.

Source : Blog de Chad

Formater son code source ActionScript et MXML sous Flex Builder

Mickael Ruellan — Sat, 28 Mar 2009 15:29:18 +0000

Grâce au très bon plugin Flex Formatter, il est désormais possible de formater son code AS3 comme MXML automatiquement.

Les réglages assez nombreux permettent de choisir comment l’on souhaite formater son code ( espaces avant et après virgules, retours à la lignes avant les accolades ou certaines instructions… ). Pour le MXML de nombreuses options sont également présentes, notamment le fait de pouvoir choisir l’ordre des attributs d’une balise et même créer des groupes pour lesquels il est possible de forcer un retour à la ligne avant leur déclaration.

La configuration est un peu longue au début mais le résultat vaut vraiment le coup. On obtient facilement un code lisible et répondant à un formatage commun ce qui évidemment est très utile dans une équipe de développement. L’import/export de la configuration en fichier texte permettra de répliquer votre configuration sur d’autre postes.

A noter que l’installation du plugin se fait en copiant ce fichier dans le dossier “plugins” (ou “dropins” pour Eclipse 3.4) de votre installation Flex Builder ou Eclipse (3.3 minimun) puis en relançant Flex Builder. La configuration du plugin se fait via le menu Window > Preferences > Flex Formatting.

Enfin il est possible d’activer le formatage automatique à l’enregistrement des fichiers. Sinon le formatage peut se faire par la combinaison : Ctrl + Maj + F

Liste de PDF pour apprendre Flex / AIR / ActionScript 3

Julien Lestel — Wed, 25 Feb 2009 16:38:01 +0000

Il existe de nombreux livres pour apprendre ou aller plus loin dans la technologie Adobe Flex. Parmi tous ces livres, j’en avais déjà sélectionné quelques uns lors de précédentes news :

Aujourd’hui (et suite au commentaire de Fabien), je vous présente ci-dessous une liste de livres complets pour apprendre Flex 3 et ActionScript 3 au format PDF disponible en téléchargement.

Notons que la plupart de ces livres sont en anglais, voici la liste :

Enfin, voici une seconde liste de documents qui pourront vous être utiles pour apprendre (AS3/Flex/Adobe Air):

Source : Blog de Fabien