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 :

1. Beaucoup de blogs reprennent la documentation Flex du Rotate et montrent comment l’utiliser.
2. 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.
3. 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

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

Edition de code Flex / AIR :

• Effacer la ligne courante : Ctrl + D
• Déplacer la ou les lignes sélectionnées : Altl + Flèche Haut ou Bas
• Dupliquer la ou les lignes sélectionnées : Ctrl + Alt + Flèche Haut ou Bas
• Aller à l’emplacement d’édition précédent ou suivant : Alt + Flèche Gauche ou Droite (Pomme + Alt + Fleche sur Mac)
• Indenter plusieurs lignes sélectionnées : Tab ou Maj + Tab (pour désindenter)
• Chercher l’occurrence suivante de la sélection dans le fichier : Ctrl + K (Ctrl + Maj + K pour la précédente)
• Organiser les imports : Ctrl + Maj + O
• Voir et Aller à le définition d’une fonction ou d’une propriété dans le fichier : Ctrl + O
• Mettre en commentaire la sélection : Ctrl + Maj + C (Marche en MXML, AS et CSS)
• Rechercher dans l’ensemble des fichiers : Ctrl + Maj + F
• Maximiser/Minimiser l’éditeur actif : Ctrl + M
• Mettre le texte sélectionné en Majuscules : Ctrl + Maj + X (Ctrl + Maj + Y pour mettre en minuscules)
• Pour aller à la définition d’une classe : Ctrl + Clic sur le nom de la classe
• Trouver les références d’une fonction dans un workspace : Ctrl + Maj + G

Gestion des fichiers :

• Ouvrir une classe à partir de son nom : Ctrl + Maj + T
• Naviguer dans les onglets ouverts : Ctrl + Maj + Flèche Gauche / Droite
  
• Renommer un fichier : F2

Execution et debug :

• Mettre/Enlever un point d’arrêt sur la ligne courante : Ctrl + Maj + B
• Navigation sur les points d’arrêt : F5 (Into), F6 (Over), F7 (Return) et F8 (Resume)
• Lancer le mode debug : Alt + Maj + D puis F pour lancer le debug Flex Application
• Lancer l’application courante : Alt + Maj + X
• Lancer l’application Flex : Alt + Maj + F
  
• Lancer l’application AIR : Alt + Maj + R

… et enfin, l’indispensable Copier/Coller : Ctrl + C, Ctrl + V…. Ah vous le connaissiez ! 

Plutôt que d’attendre que quelqu’un (Adobe ?) le fasse,  Gorilla Logic a créé un système open sourced nommé FlexMonkey. FlexMonkey permet donc d’enregistrer et de lire les interactions faites avec une interface Flex, et génère des tests en ActionScript grâce à des scripts qui peuvent facilement être inclus dans un processus d’intégration. Il utilise les API Flex Automation et a été créé grâce à l’extension Adobe d’automatisation graphique, AutoQuick.
La demande croissante pour un outil était tel que, même si la release est sortie il y a 2 mois à peine, un communauté active a déjà commencé à grossier autour de ce projet open source qui a été téléchargé près de 1000 fois.

Pour plus d’infos sur le projet FlexMonkey, voici une vidéo de présentation par ses concepteurs :

et pour les ressources c’est ici : Google Code ou site de Gorilla Logic

Le MAX est donc en ligne ici et la première session est en ligne !

Introduction à Flash Catalyst et la nouvelle génération d’Adobe Flex

Ryan Stewart, Steven Heintz, Tim Buntel etHeidi Williams vous montrent comment Flash Catalyst, l’outil de design intéractif, est sur le point de changer la collaboration entre les designers et les développeurs d’applications Internet Riches (RIAs). Nous découvrons aussi la prochaine génération du Flex Builder, l’environnement de développement pour créer les applications riches à partir de la plateforme Flash. Les participants à la session ont reçu un DVD avec tous ces logiciels.

Découvrez aussi 292 sessions de plus sur l’AdobeTV !

Source : Ted On Flash

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.

Voici le lien pour accéder au PDF de la présentation : PDF décompilation Flex.

On peut voir une première ébauche de son site à l’adresse suivante : www.efflex.org.

Actuellement, il y a juste une présentation et des exemples de ses effets Flex.

Voici une vidéo où Tink présente ce que sont ses effets et comment les utiliser. Il nous montre aussi comment contourner les limitions du framework Flex pour l’utilisation des effets et utilisant ses nouvelles classes d’effets qui permettent de dépasser les limites de Flex et de développer de nouveaux effets très impressionnant.

Vous avez besion de Flash 8 pour voir cette animation. Adobe Flex et Adobe AIR sont aussi fait pour vous !

Alex Harui a créé un SWF permettant en même temps de regarder la présentation et d’apprendre à utiliser le Profiler. Il parle des différences entre le profiler de mémoire, System.totalMemory et les processus en mémoire et nous montre comment il analyse les 2 principaux scénarios ammenant des pertes de mémoires.

Regardez la présentation ici.

La présentation dans ce SWF est contrôlée par un fichier XML. Un seul moteur de parsing parcourt le XML et l’interface utilisateur crée des widgets comme dictée par le XML. Pour modifier la présentation, tout ce qu’il reste à faire, c’est de changer le format XML. La source est disponible ici:

Download FlexBuilder Project

Le SWF montre aussi une technique pour améliorer le temps de démarrage des applications Flex.

En espérant que cela puisse vous aider. N’hésitez pas à laisser vos réactions concernant vos best practices pour l’utilisation du Profiler sous Adobe Flex 3

 Source : Blog Adobe

Pour un rappel sur les différentes fonctionnalités du Profiler, j’avais déjà écrit un article sur flex info : Utiliser le Profiler dans Flex 3

De retour de vacances, je continue à vous abreuver de news dont j’ai le secret
Voici donc pour commencer les principales actualités du petit monde Adobe Flex lors de mes vacances :

1.  JeanPhi a mis en ligne une exemple de vidéo chat réalisé en Flex / FMS (Flash Media Server). Il a aussi mis à disposition les sources de son application sur son blog.
2. Il existe enfin un magazine spécialisé pour le langage Adobe Flex et il se nommé Flex Authority. Vous pouvez vous abonner ici pour en savoir plus…
3. RicoOnFlex a mis en ligne la première partie d’un cours sur l’utilisation de PureMVC en Adobe Flex.
4. De nouveaux exemples d’applications avec code source ont été fournies par Adobe lors du dernier MAX à Barcelone.
   On trouve notamment des exemples de :
   1. Création de composants customs
   2. Redéfinition du comportement du fils d’un composant MXML
   3. Metaprogrammation avec des metadata actionscript personnalisées

Vous pourrez en lire d’avantage et trouver les exemples ici : MAX 2007 Samples.