Le Tour de Flex est sortie ! Ce n’est pas le Tour de France des Flexeurs mais bien une application

Le Tour de Flex est en fait un logiciel contenant de nombreux composants, notamment la librairie Efflex. c’est une application AIR pour explorer les propriétés et ressources de Flex. On peut ainsi explorer le moteur des composants Adobe Flex, Adobe AIR et l’intégration de données. Il est aussi possible d’explorer des composants tiers, des effets, des skins et bien plus encore.

C’est donc une application intéressante pour nos développement. Notons que l’application est également disponible sous forme de plugin Eclipse.

Pour plus d’information, rendez-vous sur : http://flex.org/tour

cocomo adboe flex

Les liens suivants vous aideront à apprendre et comprendre Cocomo:

• Cocomo Developer Guide — Cette documentation donne une vue d’ensemble de Cocomo.
• Cocomo API Reference — Cette documentation fournit une liste de toutes les classes, fonctions, propriétés, etc. du SDK de Cocomo.
• Cocomo Examples — Visitez le Developer Portal pour obtenir un compte utilisateur et accéder aux applications d’exemple. Une fois le SDK téléchargé et dézippé, naviguez dans le répertoire “Example” dans le package du SDK.

 SoundManager

SoundManager est un Singleton qui contient de nombreuses methodes permettant d’ajouter très simplement du son dans vos applications. Il a une dépendance à TweenLite pour les fading sur les sons.

Active Window Blur

Permet de mettre un effet Blur en background (MovieClip or Sprite) derrière une fenêtre transparente.

TweenMax

TweenMax hérite de la classe de base TweenLite et de son grand frère, TweenFilterLite, pour vous permettre de faire simplement des Tween spécifiques et beaucoup plus …

YouTube

Une classe légère pour connecter l’API YouTube et récupérer des playlists ou des vidéos.

Pulse Particles

Pulse Particles est une classe general proposant de gérer un système de particule en AS3.

Animated Bitmap

La classe AnimatedBitmap fournit des fonctionnalités pour les objets Bitmap anomées par une série d’images. Lorsque vous créez une nouvelle AnimatedBitmap, vous fournissez un objet BitmapData qui consiste en une ’single-frame’ image pour l’animation.

QueueLoader

Le QueueLoader est uen librairie Actionscript pour le chargement et le monitoring séquentiel de données. QueueLoader est fait pour être utilisé avec Actionscript 3.0 et est devenu un projet Open Source. Si vous voulez contribuer, il faut contacter le responsable du projet.

Prioritization

La classe Prioritization fonctionne avec les classes Loader, URLLoader et Sound Objects (et peut être NetStream bientôt). Elle nous permet de définir une priorité pour les requêtes en les executant dans le bon ordre,  en gardant les reqûetes s’executant et les requêtes de chargement.

DistortImage

Une version mise à jour de la classe originale DistortImage pour AS2, qui permet de programmer des effets de distortion sur des images.

Layout

Cette classe - ou plutôt ces 3 classes : Layout, LayoutConstraint et LayoutManager - ajoute une fonctionnalité aux différents Objets ActionScript 3 à l’aide d’une API (en ActionScript seulement, sans interface). En utilisant ces classes, vous pouvez placer vos Objets dans un layout (haut, droite, gauche, bas, centré). Il y a aussi des contrôles utilisés pour la hauteur et la largueur pour maintenir le ratio de l’application.

Color Sampler 

Un moteur de coloration pour les DisplayObjects. Prenez une zone définies (width, height, x, y) d’un objet BitmapData et définissez une couleur moyenne dans cett zone. Il est possible de définir les valeurs de RGB, hue, saturation et transparence.

2D Character Rigging 

Les classes AS3 rigging pour la conception et le skin de personnages en 2D. Cette librairie de classes est organisé grâce à un développement très modulaire et spécifique à l’articulation de personnages 2D. L’accent est mis actuellement sur un personnage humain bipède appellé … Homme

XML Loader Class

Un loader de XML pour AS.

StyleCollection

La classe StyleCollection vous permet de créer des groupes de styles qui sont appliqués à des composants et mettent à jour automatiquement les composants. Elle supporte aussi bien les instances que les renderer de styles (setStyle et setRendererStyle respectivement), et utilise l’introspection de composants pour appliquer les bons styles sur chaque composant. StyleCollection possède une interface robuste, y comprisune interface statique qui fournit une accès global aux styles nommés.

Easing

Le Singleton Easing qui vous permet de faire de des tweening dynamiques entre deux points. Il permet de manipuler virtuellement les propritétés des objets sur ou en dehors de la scène.

CSSLoader

Cette classe vous permet le chargement de fichiers CSS dans votre application Flex durant l’exécution, une fonctionnalité manquante à Actionscript3.0.

Autocomplete Text Field

Pour la création d’un champs texte autocomplété en Flex et dans vos projets AS 3 !

fZIP

Une petite classe Actionscript 3 qui permet le chargement d’archives au format ZIP et l’extraction des fichiers contenus pendant le chargement du fichier.

Reflection Class

Génère des effets de reflections pour les images.

Source : FlashEnableBlog

Vous pouvez maintenant me proposer vos classes indispensables ActionScript 3

Une introduction à l’API est disponible ici.

Cette API s’avère intéressante pour pouvoir intégrer Magentoavec toutes les applications tierces présentes dans les entreprises et qui doivent interagir avec un site ecommerce (ERP, CRM, Logistique, etc..)

Cette API permettra aussi de développer une interface pour un site e-commerce Full Flex ou de développer un BackOffice Flex pour Magento.

Le composant est toujours en version béta (0.5) et est disponible en téléchargement libre.

A noter : Advanced Flash Components fournit aussi pleins d’autres composants pour Adobe Flex / AIR. Je me suis inscrit à leur newsletter pour vous tenir au courant

Vous pouvez voir un exemple ici : Exemple Spelling Plus.

Le Find Component est sympa : un clic sur Find Component permet lors du déplacement de la souris sur l’application de voir quel composant est utilisé, et quel est son ID par exemple.

Intégrer FlexSpy dans vos applications Flex est trivial : ajoutez le .swc à votre projet Flex, ensuite ajouter un bouton qui permettra de lancer la fenêtre du FlexSpy.

FlexSpy est un projet open source hébergé sur Google Code.

Source : RIApedia

S’il existe plus d’une version de la classe dans le path, le “classes loader” prendra la première. Cela simplifie grandement le déployement de patchs dans les applications Java en production. Il suffit de faire les changements dans la classe et de la mettre dans le har qui est utiliser dans le classpath.

Ensuite, déployer ce jar en production, et le chargeur de classes sera heureux de la nouvelle verzsion de la classe.Et Flex dans tout ça me direz vous ? On peut utiliser la même technique en Flex, qui possède aussi les concepts de classpath, chargeur de classes et libraries.

Allez dans la fenêtre “Properties window” de votre projet dans le Flex Builder et regardez le “build path” de votre application. Au minimum, vous trouverez ici toutes les libraries (fichiers swc compilés) qui répresentent le framework Flex lui-même.

A tout moment, vous pouvez créer un nouveau “Flex Library project” appellé “patchs” par exemple. Pour pouvoir compiler le projet dans un swc, ajoutez une classe ActionScript vide ici.

On va utiliser “patchs.swc” comme premier item dans le build path du projet proncipal.

Important : On va lier la librairie ave le projet principal comme une “Resource Shared Library” (RSL), qui signifie que les bojets provenant du “patchs.swc” ne seront pas comparés au code de l’application principale, mais seront chargé pendant l’execution de l’application.

Ajoutez au compileur l’option -debug=false pour votre “Flex library project” pour enlever les message d’erreur du Flash Player demandant où le debugger pour ce RSL est situé.

Maintenant, allez dans le chemin de votre application Flex principale et ajoutez “patchs.swc” au début de la liste. Selectionnez le type de lien RSL comme illustré ci-dessous :

Retounez dans les propriétés de vos projet Flex et ajoutez le patch de la librairie dans la liste des références du projet.
Executez maintenant votre projet principal – vous ne devriez pas voir de différences parce que le “patchs.swc” ne doit pas contenir de code.Ensuite, copier une de vos classes depuis l’application principale vers le projet de librairie patchée, modifier la et re-compilez le “patchs.swc”.

Maintenant, nouys avons deux versions de cette classe – la nouvelle est dans le “patchs.swc” et l’ancienne dans l’application principale.Re-executez l’applcation principale.

Vous allez voir la nouvelle version de la classe modifié est utilisée. Le chargeur de classes utilise la nouvelle version depuis que “patchs.swc” est situé en haut de classpath de votre application. C’est tout ce qu’il y a besion de faire !Chaque fois que vous devrez faire des modifications mineures dans votre application en production, il suffira de les faire dans le “patchs.swc” et de l’uploader sur la machine de production.

Source : Farata Systems

Perso, je trouve qu’ils manquent d’effets visuels commen les dégrsdé avec reflet …

Il existe maintenant une solution ! Deux gourous Flash et UI, Joe Magnani and Jeff Bennett du Media Innovation Group, ont développé un très joli skin par défaut pour tous vos composants Flex.

Le skin (qui peut être vu ici) correspond à la charte graphique utilisé par Yahoo!. Naturellement, ce skin est sous la très libre licence BSD — qui vous permet donc de le modifier et de le re-distribuer.Je vous conseille aussi de lire l’intro de Jeff pour développer vos propres skins pour vos composants Flex, et ensuite essayer le Yahoo! Flex Skin et l’utiliser dans toutes vos applications Flex ! Lorsque vous l’aurez fait, laissez-nous un message !

Si vous désirez stylé vos composants (Chats, buttons, panel, etc …) :

• Styles des Charts
• Styles des Buttons
• Styles de tous les composants Flex