Adobe Flex Tutorial - Adobe Flex Tutorial

24jan/090

Flex / Air – Générer un certificat Adobe Air avec ADT (Air Developer Tool)

Comme vous le savez, pour exporter une application Adobe Air, c'est à dire exporter le fichier .air, il faut avoir un fichier de certification. Dans le cas d'une vraie certification par un organisme indépendant (VeriSign / Thawte, payant), pas de problème mais si vous voulez juste exporter votre application pour le test, il vous faudra auto-signer votre application (self-signed certificate).

Cette opération peut-être faîte facilement avec le wizard de création de certif Adobe Air intégré à Flex Builder ou bien en utilisant le compilateur Adobe Air ADT (Air Developer Tool).

Pour générer un certificat, lancez la ligne de commande suivante:

adt -certificate -cn name [-ou org_unit][-o org_name][-c country] key_type pfx_file password

Remplis sous: Adobe Air Lire la suite

21jan/095

Flex / Air – Certifier une application Adobe Air avec Flex Builder (self-signed)

Les applications Adobe Air peuvent être "signées" (ou certifiées) pour indiquer que leur propriétaire est digne de confiance. Ce certificat peut être obtenu dans certains organismes spécialisés (payant). Une fois que votre application est certifiée, l'utilisateur n'a plus le message d'avertissement lors de l'installation: "Editeur: INCONNU" (ce qui fait plus pro, il faut l'avouer). Mais si vous voulez seulement déployer une application Adobe Air pour le test ou que vous n'avez pas envie de la certifiée, vous pouvez créer un certificat auto-signé (self-signed).

En effet, un certificat est indispensable lors de l'export d'une application Adobe Air (pour créer le fichier .air). Vous pouvez créer ce certificat grâce au compilateur mxmlc ou bien par l'intermédiaire de Flex Builder qui va vous faciliter la tâche comme toujours.

Pour créer un certificat self-signed avec Flex Builder, c'est très simple, il suffit de suivre le wizard .

Remplis sous: Adobe Air, Flex Builder Lire la suite

21jan/090

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

Dans la plupart des cas, e4x facilite grandement la lecture et l'écriture d'un fichier XML en ActionScript. La syntaxe pointée permet de récupérer facilement des éléments tandis que l'opérateur .@ permet de récupérer les attributs des noeuds XML.

Je voulais parser ce XML provenant d'un service WMS (Version réduite):

<Get>
  <OnlineResource xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.bsc-eoc.org/cgi-bin/bsc_ows.asp?"/>
</Get>

Pour mon application Flex, il fallait que je récupère la valeur de l'attribut href: http://www.bsc-eoc.org/cgi-bin/bsc_ows.asp?. Donc de manière assez habituelle, j'ai essayé:

xml.OnlineResource.@xlink:href

Mais comme le ":" est interprété par le compilateur, je me prend l'erreur de syntaxe:

1084: Erreur de syntaxe : rightparen est attendu devant colon.

Donc j'essaie ensuite avec la notation tableau:

xml.OnlineResource.@["xlink:href"]

Je trace ma valeur, rien ne s'affiche, aucune valeur d'attribut XML n'est donc récupérée. En regardant un peu sur la doc d'XML en ActionScript 3, je me rend compte qu'il faut en fait manipuler ce namespace "xlink".

Remplis sous: XML Lire la suite

15jan/094

Flex Curseur – Utiliser un Curseur personnalisé (SWF ou Image)

Pour les curseurs personnalisés, vous pouvez utiliser n'importe quelle image (JPEG, GIF, PNG ou SVG) Embed, un objet Sprite ou même un SWF. Pour assigner ce nouveau curseur, il faut utiliser la méthode setCursor() de CursorManager. Vous pouvez ensuite enlever ce curseur en utilisant la méthode removeCursor().

La méthode setCursor requiert au moins un paramètre: l'objet Class représentant l'élément graphique. Cette méthode retourne un ID (int) dont vous aurez besoin pour pouvoir supprimer le curseur. Vous pouvez passer l'ID à la méthode removeCursor() comme dans l'exemple suivant. Si vous avez perdu la référence à votre curseur (son ID), ne partez pas tout de suite, vous pouvez toujours le récupérer avec la propriété static CursorManager.currentCursorID.

L'exemple suivant utilise une image PNG comme curseur:

Remplis sous: CursorManager Lire la suite

15jan/0910

Flex Curseur – Afficher le Hand Cursor (main) sur un composant Flex (Image, Label …)

Vous l'avez peut-être remarqué, par défaut, Flex n'affiche pas le Hand Cursor (la main) quand on survole les Button Flex. Il affiche seulement ce curseur main quand on passe sur un LinkButton par exemple. Alors comment faire pour afficher le curseur main au survol d'un bouton (on de n'importe quel autre composant Flex). Sur Sprite, il y a une propriété nommée useHandCursor. En la passant à true, on pourrait se dire qu'on aura l'effet attendu. Et bien non, rien de se produit. Il faut en fait aussi passer la propriété buttonMode à true.

Si vous expérimentez un peu, vous verrez que cela fonctionne sur la plupart de composants (mx:Image, mx:Button, ...) mais si vous essayez sur Label par exemple vous n'aurez pas de handCursor. Comment se fait-il ? Et bien le composant peut avoir des enfants qui peuvent empêcher le passage de ce curseur. Le champ texte d'un Label par exemple. La solution est de désactiver les évènements souris des enfants afin qu'ils ne se propagent plus. Et pour cela, flash a pensé à tout avec la propriété mouseChildren qu'il faut passer à false.

Voici un exemple Flex avec un composant Image, Button et Label ayant un curseur main affiché:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">

	<mx:Image source="@Embed('assets/icone-flex.png')" useHandCursor="true" buttonMode="true"/>
	<mx:Button label="Main au survol" useHandCursor="true" buttonMode="true"/>
	<mx:Label text="Main au survol" useHandCursor="true" buttonMode="true" mouseChildren="false"/>

</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

This movie requires Flash Player 11

Remplis sous: Button, Exemple, Label, MXML 10 Commentaires

« Nouvelles Anciennes »