Adobe Flex Tutorial - Adobe Flex Tutorial

25mai/092

Flex ActionScript – Classe utile pour supprimer les namespace d'un XML (pour lecture e4x)

Il y a quelques mois, je tentais de faire un parse à partir des données issues d'un XML contenant des namespace. Ce XML était en fait le retour d'un appel à un serveur WFS (serveur qui va renvoyer des données géographiques au format XML en vectoriel) mais j'ai eu les mêmes problèmes avec des serveurs WMS (serveur cartographiques en ligne). Mon principal problèmes venait du fait que malgré que le WFS et le WMS soient des formats normés, certains prennent leurs aises et les retours XML sont souvent hasardeux.

Ainsi, les namespaces sont parfois définis, parfois non et cela pose un réel problème pour la lecture e4x, qui nous facilite tant la vie. J'avais écrit deux articles la-dessus, afin de pouvoir lire ces XML avec un namespace défini ou indéfini avec des jokers:

Flex ActionScript – Lire des attributs XML ayant un Namespace différent avec e4x

Flex ActionScript – Récupérer des éléments / attributs XML avec e4x avec n'importe quel namespace

Même si ces techniques fonctionnent, il est toujours embêtant d'avoir à se soucier des namespace quand on cherche un simple accès e4x ou quand les namespaces ne sont pas predictibles.

Remplis sous: Non classé Lire la suite

25mai/092

Flex Slider – TypeError: Error #1007: Tentative d'instanciation sur un élément non constructeur [Résolu]

Voici une erreur assez étrange qui se produit quand vous ajoutez un Slider dans Flex en ActionScript avec un addChild(). Cette erreur lance une RTE (RunTime Error) au moment de l'opération.

Ce bug est déjà répertorié dans la base de bug sur le SDK Flex: [#SDK-14058] – RTE if a slider is added via addChild. Comme l'article le précise, l'erreur se situe aux tréfonds du code du SDK, à cette ligne:

private function createBackgroundTrack():void{
	if (!track){
		var trackSkinClass:Class = getStyle("trackSkin");
track = new trackSkinClass();
		if (track is ISimpleStyleClient)
			ISimpleStyleClient(track).styleName = this;
		innerSlider.addChildAt(DisplayObject(track),0);
	}
}

Quand on passe en mode debug, on se rend compte que la variable de type Class "trackSkinClass" est bien null et ne peut donc pas passer dans le constructeur. Apparemment, le problème vient du fait que la classe Slider n'a pas de sélecteur CSS. Quand le code essaie de faire getStyle("trackSkin");, il obtient donc une valeur nulle. HSlider et VSlider ont un sélecteur mais pas Slider.

Remplis sous: ActionScript, Composant Flex, CSS, MXML, Skin, Slider Lire la suite

18mai/097

Flash Builder 4 sera le nom du prochain Flex Builder

L'annonce est maintenant officielle depuis quelques jours, Flex Builder 4 va bien s'appeler Flash Builder 4. Adobe avait déjà annoncé il y a quelques mois sa "Flash Platform", qui résume bien la volonté d'Adobe de vouloir tout faire tourner autour de son Flash Player. Au passage, regardez et explorez la vidéo qui présente sur le site de la Flash Platform, elle illustre très bien le concept de plateforme qu'Adobe essaie de créer.

Après 3 versions, Flex Builder devient maintenant Flash Builder. Alors pourquoi ce changement ? Serge Jespers (evangelist Adobe) nous donne les arguments qui ont poussé à faire ce changement.

Quand vous créez des applications avec Flex Builder, vous les créez avec le framework open source Flex et/ou ActionScript. L'application est ensuite compilée en un fichier SWF qui est lu dans Flash Player. Quand vous parlez à des clients (ou à des personnes ne connaissant pas ce domaine), ils vous demanderont s'il faut installer un "Flex Player" pour pouvoir lire les applications crées à l'aide du framework Flex. C'est une confusion légitime, et c'est par ce changement de nom qu'Adobe tente de donner une solution. En renommant Flex Builder en Flash Builder, il n'y a aucun doute sur ce que vous allez produire avec ce produit. Vous allez construire une application qui va être lue sur Flash Player.

C'est maintenant clair, Flex est un framework ActionScript permettant de créer des RIA. Par ailleurs, Flash Builder 4 sera toujours basé sur Eclipse.

Pour ceux qui se pose la question, le SDK ne changera pas de nom et restera le SDK Flex. De même, les versions antérieures de Flex Builder (y compris FB3) conserveront leur nom. Ce changement se fera à partir de Flex 4. Si vous êtes un "développeur Flex", vous pourrez toujours construire des applications grâce au framework Flex, rien ne change.

On apprend aussi que la prochaine release de Flash Builder et Flash Catalyst seront sorties en beta pendant l'été. Aucune date de sortie n'est pour l'instant communiquée.

Voilà, on aura surement maintenant moins de mal à expliquer ce qu'est Flex. Ce n'est qu'un outil pour produire des fichiers SWF

Remplis sous: ActionScript, Flash Builder, Flash Player, Flex Builder 7 Commentaires

14mai/090

Migration vers OVH et Upgrade WordPress 2.7.1

Je l'annonçait dans un post précédent, flex-tutorial a changé d'hébergement en passant de 1and1 à OVH. Le plus long fut le changement de registrar pour mon nom de domaine en .fr qui a pris plus d'une semaine. Aujourd'hui, la modification des DNS a été effectuée, si vous avez essayé d'accéder au site, vous êtes donc peut-être tombé sur la page d'accueil OVH ou sur un 404 ou sur mes tests de redirection.

Tout fonctionne à nouveau et j'en ai profité pour faire une update de mon WordPress 2.3 en 2.7.1. WordPress est vraiment une très bonne plate-forme de blog, la mise à jour s'est effectuée sans problème, idem pour la réactivation de mes plugins. L'editeur WYSIWYG pour les articles a pris un coup de jeune et ne joue plus avec le formattage du code apparement, ce qui est une bonne nouvelle. Pour le reste, tout est très réussi, l'interface du tableau de bord est très pratique et légèrement inspirée des produits Adobe CS4 (la barre d'outils fonctionne comme celles de Flash et Illustrator).

Je vais donc pouvoir continuer à blogger sur Flex pendant un moment, avec encore plein d'idées en stock

N'oubliez pas le concours Flex Mai 2009, seulement une grosse centaine d'inscrits :

http://www.flex-tutorial.fr/concours-flex-tutorial-mai-2009/

Remplis sous: Non classé Aucun commentaire

8mai/0912

Flex Tips – Obtenir un texte HTML valide à partir du RichTextEditor (htmlText)

Le composant Flex RichTextEditor permet d'avoir un champ texte "riche", c'est-à-dire avec des options de formatage un peu comme celles qu'on trouve dans Word (gras, souligné, alignement, puces…). Ce composant peut-être très pratique pour laisser un utilisateur créer du contenu HTML facilement, sans qu'il ne sache comment écrire du HTML, pour un CMS par exemple ou une plate-forme de blog.

Le composant RichTextEditor (RTE) a une propriété "htmlText", qui permet d'assigner du texte HTML et une propriété "text" qui permet d'avoir le contenu brut, sans balises.

Si par exemple, vous écrivez dans votre RichTextEditor:

This is <b> Bold </ b> text.

Vous obtiendrez par la propriété "htmlText", quelque chose comme:

<TEXTFORMAT LEADING="2">
<P ALIGN="LEFT">
<FONT FACE="Verdana" SIZE="10" COLOR="#0B333C" LETTERSPACING="0" KERNING="0">
This is <b> Bold </b>text.
</FONT>
</P>
</TEXTFORMAT>

Comme vous le voyez, Flex rajoute beaucoup de code HTML non-nécessaire. De plus, ce code pseudo-html ne sera pas interprété par une page HTML classique (TEXTFORMAT n'est pas une balise HTML par exemple).

Dans notre cas, on veut que le contenu HTML inscrit par l'utilisateur soit directement utilisable pour une intégration dans du HTML. Certains ce sont posé la question, sur le blog Thanks Mister. La solution se trouve dans les Expressions Régulières AS3. Avant de passer aux choses sérieuses, voici quelques articles qui devraient vous aider à comprendre les RegExp:

Remplis sous: Exemple, Formatter, RichTextEditor Lire la suite

Anciennes »