Adobe Flex 3.5 SDK disponible (Release)
Sans grand bruit, la version 3.5 du SDK Adobe Flex est sortie il y a quelques jours. Vous pouvez la télécharger depuis http://opensource.adobe.com/:
Télécharger Flex SDK 3.5 Release
La page de download et les Release Notes ne sont pas encore à jour mais cela ne saurait tarder.
Dans cette 3.5, pas de grande nouveauté, simplement des corrections de bugs que vous pouvez consulter dans la bugbase Adobe:
Adobe JIRA: Bugs résolus en Flex 3.5
Notez que les librairies d'automation et de datavisualisation ne sont pas encore disponibles en 3.5.
Adobe TV France mis à jour avec de nouveaux tutoriaux
Il n'y a pas que les tutoriaux Adobe Flex écrits dans la vie, il y a aussi les tutoriaux vidéo. Flex-tutorial.fr n'en propose pour l'instant pas, par faute de temps (si vous êtes paré pour en enregistrer un, n'hésitez pas à me l'envoyer). Cependant, d'autres sites proposent ce genre de tutoriaux dont la Adobe TV qui propose de très nombreux tutoriaux sur sa version anglaise (Adobe TV). La version FR vient d'être mis à jour avec le nouveau design et quelques séries de tutoriaux (Adobe Flash et Adobe Flex notamment).
Le site est très plaisant à la navigation et très bien fini niveau design, je vous invite à le consulter. Pour l'anecdote, les sites de l'Adobe TV sont les premiers à utiliser le Open Source Media Framework.
Chips & Tips
Pour cette nouvelle version, une nouvelle série de tutoriaux vidéo par Stéphane Baril et Thibault Imbert sous le nom de "Chips & Tips".
Visionner les tutoriaux vidéo Chips & Tips sur Adobe TV FR
Pour l'arrivée de cette version française, ils ont aussi lancé un site internet permettant de tester vos connaissances de g33k appelé The Chips Leaders. Un site au design très sympa, sur lequel vous pourrez gagner une Creative Suite Master Collection CS4 (près de 3000 euros) et des Pass 3 jours au Festival OFFF 2010 pour les 50 suivants.
The Chips Leaders – Le jeu qui permet de briller en société
Bonne chance
FlexPMD – Le plug-in Eclipse / Flex Builder 3 / Flash Builder 4 disponible
Il y a quelques semaines, je vous présentais FlexPMD, un outil permettant de faire un audit de votre code ActionScript / Flex pour vos applications Adobe Flex / Adobe Air. A sa sortie, vous ne pouviez l'invoquer qu'en ligne de commande, par Ant ou par Maven. C'est plutôt pratique si vous avez déjà un système d'intégration continue ou des scripts de build en place mais sinon, cela restait un peu laborieux.
Heureusement, on apprend sur le blog de Xavier Agnetti, la sortie de FlexPMD sous forme de plug-in Flex Builder (mais aussi TextMate et FlashDevelop). Vous pourrez trouver plus d'informations sur le wiki de FlexPMD:
Wiki FlexPMD sur opensource@adobe
Notez que l'outil est compatible (testé) sur les versions de Flex Builder suivantes:
- FlashBuilder 4 Beta 2 standalone
- FlashBuilder 4 + Eclipse 3.5
- FlashBuilder 4 + Eclipse 3.4
- FlashBuilder 3 + Eclipse 3.4
Des vidéos expliquant l'utilisation de FlexPMD en plugin et sur sa configuration sont disponibles.
Au passage, Xavier annonce aussi la sortie d'autres outils pour faire l'audit de votre code (outil venant du monde Java eux aussi):
- FlexCPD (Copy & and Paste Detector): Vous indique la quantité de code dupliqué dans vos projets. Une bonne idée pour un bon refactor
- FlexMetrics (équivalent de JavaNCSS): Vous permet d'avoir des statistiques générales sur votre projet (nombre de lignes, de fonctions, etc.)
Flex Tips – Obtenir les coordonnées globales d'un composant par rapport à l'application: localToGlobal()
Vu que je travaille sur un nouveau composant en ce moment, c'est le moment de partager avec vous les petits "trucs" que je découvre parfois en quelques minutes, parfois en un peu plus. Alors je les partage pour que vous ne passiez pas autant de temps que moi.
Celui-ci est très simple et permet d'obtenir les coordonnées X / Y d'un composant Flex par rapport à l'application globale.
Par exemple, vous avez une VBox contenue dans plusieurs "containers". Si vous regardez ses propriétés "x" et "y", elles correspondront aux coordonnées XY par rapport à son parent. Ici, ce qui nous intéresse, c'est de faire abstraction du nombre de conteneurs et d'avoir les coordonnées XY par rapport au coin haut gauche de l'application. Cela se passe en fait grâce à une méthode nommée "localToGlobal".
Imaginons que notre VBox ait l'id "myVbox", il vous suffit de faire:
var globalPosition:Point = myVbox.localToGlobal(new Point);
Dans la variable "globalPosition", vous retrouverez les coordonnées globales de votre composant Flex.
La méthode localToGlobal est présente sur toute les classes qui héritent de DisplayObject
Flex Tips – Canvas, cornerRadius et coins arrondis (rounded corners)
Le composant Adobe Flex Canvas (mx:Canvas) contient une propriété de style "cornerRadius" qui prend une valeur numérique. Et justement, il me fallait un Canvas ayant des coins arrondis. J'ai donc tenté bêtement de mettre le cornerRadius à 10, mais là, aucun résultat.
Après quelques recherches, il apparait en fait qu'il faut aussi préciser la propriété de style "borderStyle" qu'il faut mettre à la valeur "solid", sinon vos coins arrondis ne seront jamais affichés à l'écran.
Si vous ne souhaitez pas de bordures, mettez la propriété "borderThickness" à 0.
Voici donc le code CSS pour le résultat souhaité:
borderStyle: solid; cornerRadius: 5; borderThickness: 0;
Si vous utilisez votre Flex Canvas en MXML, vous aurez quelque chose comme:
<mx:Canvas borderStyle="solid" cornerRadius="5" borderThickness="0"/>





