Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

26fév/095

Adobe Flex Builder 3 offert par Adobe aux développeurs au chômage

Nouvelle assez surprenante mais pourtant véridique, l'ensemble de l'équipe des "evangelists" Flex (les personnes chargées de parcourir le monde pour faire découvrir la technologie Adobe Flex) a décidé d'offrir une copie de Flex Builder 3 Professional aux développeurs qui ont récemment été mis au chômage. Vous aurez ainsi la possibilité de découvrir cette technologie gratuitement (pour rappel, le SDK est gratuit mais l'IDE qui sert d'aide à la création des applications (FB3) est payant).

Si vous ne connaissez pas Flex Builder, c'est un environnement de développement basé sur Eclipse offrant des outils d'aide au code, de debug, de design… pour Adobe Flex.

En savoir plus sur Adobe Flex et Flex Builder 3

Pour obtenir votre copie, il faut simplement prendre contact avec un des "evangelist" Adobe de votre choix (ou shorten @ adobe . com si vous n'arrivez pas à vous décider). Dans cet email, il faut en dire un peu plus sur votre expérience de développeur et votre dernier emploi et ils vous fourniront une licence gratuite de Flex Builder ainsi que des liens vers des ressources en ligne.

Notez que votre licence sera toujours valide une fois que vous aurez retrouvé du travail :) .

Pour les étudiants, vous pouvez toujours obtenir aussi une licence Flex Builder gratuitement:

Flex Builder 3 Professional gratuit pour les étudiants

26fév/091

AFCS alias Cocomo – AFCS est à nouveau disponible en Europe

Il y a 4 semaines, j'ai relayé une information partagée par Matt Chotin qui indiquait qu'Adobe Cocomo (maintenant AFCS) ne serait temporairement plus accessible en Europe:

Adobe Cocomo – Cocomo Beta n'est plus disponible en Europe (pour le moment…)

Et bien la situation est revenue à la normale puisque AFCS est disponible à nouveau en Europe, et donc pour le public français. Comme je l'avais indiqué dans l'article sur le changement de nom AFCS -> Adobe Cocomo, l'équipe d'AFCS a aussi mis a disposition un nouveau SDK .

Pour installer ce SDK et commencer à développer avec l'excellent framework AFCS, vous pouvez lire ces articles:

25fév/099

Adobe Air – Composant mx:HTML avec contenu SWF et Garbage Collection

Aujourd'hui, je suis tombé sur cet article de Gregory Wilson expliquant les problèmes de fuites mémoire (memory leak) rencontrés avec l'application Adobe Air Tour de Flex. Pour ceux qui ne connaissent pas Tour de Flex, c'est une application Air pour montrer les capacités du SDK Flex avec des applications exemple (et le code source). Si vous ne l'avez pas encore sur votre poste, je vous la conseille vivement:

Télécharger l'application Tour de Flex (Adobe Air)

L'application Tour de Flex utilise un composant <mx:HTML> (qui fait partie du SDK Air) permettant d'afficher des pages HTML dans une application. Dans ce cas précis, il est surtout utilisé pour afficher du contenu SWF (pris depuis un page HTML classique). Si vous jouez un peu avec l'application, vous vous rendrez compte qu'elle monte très rapidement en RAM, à cause principalement d'une fuite mémoire (Memory Leak).

Au passage, si vous voulez en apprendre plus sur la gestion des ressources AS3 et le Garbage Collector, je vous conseille vivement de lire ces articles:

Flex Debug – Garbage Collector AS3 et Flash Player 9

Flex Debug – Garbage Collector AS3: Gestion des ressources

Gregory Wilson a donc identifié cette fuite mémoire du composant <mx:HTML> et cela pourra vous être utile si votre application Adobe Air utilise elle aussi ce composant.  Pour résumer le problème, si un composant mx:HTML charge une page avec du contenu Flash (SWF), le composant ne peut pas être libéré d'un point de vue mémoire, même si vous le supprimez de son conteneur, lui enlevez ses références, etc. Le contenu Flash continue de s'exécuter.

Pour résoudre ce problème, il faut fixer l'attribut "htmlText" à une chaîne vide("") et le Garbage Collector pourra passer.

25fév/093

Flex Chart – Créer des Charts en ActionScript

Vous pouvez créer, détruire et manipuler les charts Flex en utilisant de l'ActionScript, comme vous le feriez pour tout autre composant Flex.
Quand on travaille avec des blocs Script ou dans des fichiers classe séparés, il vous faudra être bien sûr d'importer les classes appropriées. Voici les imports définis dans la plupart des cas, à vous bien sûr de les adapter pour seulement importer les classes dont vous avez besoin.

import mx.collections.*;
import mx.charts.*;
import mx.charts.series.*;
import mx.charts.renderers.*;
import mx.charts.events.*;

Pour créer un chart en AS3, utilisez simplement le mot-clé "new". Vous pouvez ensuite fixer les propriétés de l'objet Chart comme vous le feriez en MXML. Pour assigner un data provider, utilisez la propriété "dataProvider". Vous devrez ensuite ajouter une nouvelle series à votre Chart. Pour cela, faîtes un "new" sur la classe de series correspondante. Pour appliquer cette series à votre Chart, utilisez la propriété "series".

Notez que la propriété series est de type Array car un Chart peut contenir plusieurs series. Pour ajouter une series, faîtes un push() et pas une assignation directe.

25fév/090

Flex Chart – Les classes de type Axis

Flex supporte les types d'axes suivants:

  • CategoryAxis: La classe CategoryAxis assigne un ensemble de valeurs (des mois, des noms d'états, des catégories démographiques…) à un axe. Vous pouvez utiliser le tag <mx:CategoryAxis> pour définir des labels labels sur les axes qui seront groupés par association logique et qui ne seront pas forcement numériques. Par exemple, les noms des mois de l'année peuvent être définis comme une classe CategoryAxis.
  • LinearAxis: La classe LinearAxis assigne des valeurs numériques classiques à un axe. Vous pouvez utiliser le tag <mx:LinearAxis> en tant qu'enfant du tag <mx:horizontalAxis> ou <mx:verticalAxis> pour personnaliser l'intervalle de valeurs (range) affiché le long des axes ainsi que l'incrément entre chaque valeur.
  • LogAxis: La classe LogAxis assigne des valeurs numériques sur un axe de manière logarithmique. Vous pouvez utiliser le tag <mx:LogAxis> en tant qu'enfant du tag <mx:horizontalAxis> ou <mx:verticalAxis>. Les labels d'un axe logarithmique sont des puissance paire de 10.
  • DateTimeAxis: La classe DateTimeAxis permet d'assigner des valeurs de type temps à un axe, comme des heures, des jours, des années …

Les types DateTimeAxis, LogAxis et LinearAxis sont tous des types de NumericAxis, car ils sont utilisés pour représenter des valeurs numériques. Dans de nombreux cas, vous devez définir seulement un axis comme étant un NumericAxis ou un CategoryAxis. Flex assume que tous les axes qui ne sont pas explicitement définis sont de type LinearAxis. Cependant, pour utiliser les "décorations" comme les DataTip ou les Legend, vous devrez peut-être définir explicitement les deux axes.

Il y a des exceptions. Pour un composant PlotChart, les deux axes sont considérés comme des LinearAxis, car le point est l'intersection de deux coordonnées. Donc vous n'êtes pas obligés de spécifier un axe, sauf si vous avez besoin de fournir des paramètres supplémentaires comme les valeurs minimum et maximum. Quand vous créez un composant PieChart, vous ne spécifiez pas non plus chaque axe, car le composant PieChart utilise un simple ensemble de données pour dessiner les tranches en fonction du pourcentage de la totalité. Dans les composants PieChart, vous définissez un "nameField" sur la series du Chart, plutôt qu'un "categoryField" sur les axes pour les labels et les légendes.

Remplis sous: Charting Lire la suite