IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contribuez Discussion :

Contribuez ici à la FAQ Flex [FAQ]


Sujet :

Contribuez

  1. #1
    Membre expérimenté

    Profil pro
    Inscrit en
    mai 2006
    Messages
    895
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2006
    Messages : 895
    Points : 1 710
    Points
    1 710
    Par défaut Contribuez ici à la FAQ Flex
    Vous pouvez, dès à présent, postez vos propositions de Q/R à la suite de ce post. Si elles se révèlent intéressantes, elles seront intégrées à la FAQ avec votre nom. Indiquez dans votre post si vous voulez afficher votre nom complet ou seulement votre pseudo. Vous pouvez aussi participer en découvrant des erreurs dans la FAQ, des fautes d'orthographe, des liens morts ou en complétant une question/réponse actuelle.

    Règles importantes pour participer :
    Si vous proposez une question, vous devez impérativement proposer la réponse qui va avec ... (les questions sans réponses seront supprimées)
    Un code source n'est pas une réponse en soit. Il est grandement apprécié de rédiger un paragraphe pour approfondir le sujet, apporter des précisions sur ce qu'on fait, pourquoi on fait comme ça, etc. On peut aussi en profiter pour inviter le lecteur à lire des questions/réponses dans des domaines proches ...
    Un code source doit être court : les imports ne sont pas nécessaires, aller à l'essentiel en 5 ou 6 lignes.
    En dessous des réponses sont souvent proposés des liens. Pensez à indiquer les liens utiles pour que le lecteur puisse approfondir. Cela peut être des liens vers des ressources de developpez.com ou des ressources externes.
    Dans certains cas, en plus des exemples courts dans la réponse, on peut ajouter un programme complet.
    N'oubliez pas d'indiquer également la version de Flex sur laquelle votre exemple fonctionne.

    Merci à tous pour vos contributions
    Bonne rédaction.

    Cordialement,

  2. #2
    Membre expérimenté

    Profil pro
    Inscrit en
    mai 2006
    Messages
    895
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2006
    Messages : 895
    Points : 1 710
    Points
    1 710
    Par défaut Où trouver des exemples de code ?
    Adobe fournit une application intitulée Tour de Flex fournissant des exemples d'utilisation des composants pour Flex 3 et Flex 4, Air 2.0. L'application fournit des exemples pour accéder aux données à partir d'un web service par exemple. Elle propose aussi des exemples de frameworks réalisés en Flex.

    Vous pouvez retrouver la version en ligne de Tour de Flex ici. La version téléchargeable et à installer est disponible ici.

  3. #3
    Membre du Club
    Profil pro
    Étudiant
    Inscrit en
    juillet 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : juillet 2008
    Messages : 55
    Points : 41
    Points
    41
    Par défaut [AIR]Comment lancer une application AIR lors de la connexion d'un utilisateur sur son système d'exploitation ?
    Bonjour,

    cette astuce s'adresse aux personnes intéressées pour lancer une application Adobe AIR automatiquement lors du démarrage de l'ordinateur.

    Cela peut-être intéressant dans certains cas d'une borne public par exemple, ou beaucoup d'individu ont accès à l'application. Dans ce cas, l'application se lance en même temps que l'ordinateur. En modifiant les paramètres de votre application, vous pouvez également la mettre en plein écran et ainsi éviter que l'utilisateur puisse la fermer et toucher à votre ordinateur.


    Pour lancer votre application AIR au démarrage de Windows par exemple :
    Ajouter dans la balise WindowedApplication :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <s:WindowedApplication xmlns:fx=...
                                     ...
                                     applicationComplete="onApplicationComplete()" >
    et dans la balise Script :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    private function onApplicationComplete():void
    {
         try
         {
              NativeApplication.nativeApplication.startAtLogin=true;
         }
         catch(e:Error)
         {
              trace("error = " + e.message.toString());
         }
    }
    Source : http://help.adobe.com/fr_FR/AIR/1.1/...5d46-8000.html (Paragraphe : Lancement lors de la connexion)

  4. #4
    Membre du Club
    Profil pro
    Étudiant
    Inscrit en
    juillet 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : juillet 2008
    Messages : 55
    Points : 41
    Points
    41
    Par défaut Comment convertir un projet Flex (Web) en projet Flex (AIR) ?
    Il arrive souvent de vouloir modifier un projet Flex (application Web) en projet AIR (application de bureau).

    Il existe pour cela un raccourci qui permet d'éviter de faire toutes les modifications de code et de balises à la main.

    Pour cela, cliquez avec le bouton droit sur votre projet dans la fenêtre Explorateur de packages dans Flash Builder,

    puis : Ajouter/Modifier le type de projet

    puis : Convertir en projet de bureau Flex (exécution dans Adobe AIR)

    puis : dans la boite de dialogue qui s'ouvre à vous, spécifier l'option voulue :

    - Convertir les balises de l'application en WindowedApplication
    - Ne réécrire aucun code

    Terminez par OK

    L'astuce semble ne marcher uniquement dans ce sens : de Application Web vers Application de bureau est n'est pas annulable.

    L'astuce fonctionne avec Flash Buider 4 et n'a pas été testée avec les versions antérieures.

    source : http://help.adobe.com/fr_FR/flashbui...E-D0D5B44F6129

  5. #5
    Membre habitué Avatar de ToniConti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2009
    Messages
    245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Communication - Médias

    Informations forums :
    Inscription : novembre 2009
    Messages : 245
    Points : 162
    Points
    162
    Par défaut Comment activer le mode debug du Flash Player dans Google Chrome
    Bonjour à tous,
    Voici la solution (super simple mais deux jours de recherche tout de même )

    Vous trouverez ici la dernière version du Plug-in Flash Debugger.
    Choississez celle qui correspond à votre configuration (Pour Chrome, choisissez la Windows Compatible Netscape).

    Téléchargez la et installez la.
    Là, il faut savoir que les deux Plug-in sont installés mais que la version debug n'a pas la priorité.
    Donc il faut manuellement aller désactiver celle dont on n'a pas besoin.

    Pour Google Chrome : tapez l'url --> about:plugins et là vous trouverez deux "Shockwave". En fonction du numéro de version on devine facilement lequel est à désactiver.
    Là, pas nécessaire de redémarrer google chrome, simplement fermer l'éventuel onglet contenant du Flash et le réouvrir suffira.

    Enfin, pour savourer pleinement le résultat de la manip : faire un bouton droit sur une application Flash.
    Vous constaterez que cette fois le menu contextuel a changé.

  6. #6
    Membre habitué Avatar de ToniConti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2009
    Messages
    245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Communication - Médias

    Informations forums :
    Inscription : novembre 2009
    Messages : 245
    Points : 162
    Points
    162
    Par défaut Comment communiquer avec eXist-db en Flex
    Pour ceux qui souhaite communiquer avec une eXist-db, sachez que le protocole SOAP est très simple d'utilisation et très bien documenté !
    Un peu de code pour s'en rendre mieux compte :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <mx:WebService id="ws" wsdl="http://ipDuServer/exist/services/Admin?wsdl">
    	<mx:operation name="connect" resultFormat="e4x" result="connectResult(event)" fault="connectFault(event)"/>
    	<mx:operation name="store" resultFormat="e4x" result="storeResult(event)" fault="storeFault(event)"/>
    </mx:WebService>
    Vous trouverez la liste des opérations offertes par le service SOAP ici.
    (On fait difficilement plus simple )

    Et pour être vraiment complet voici comment récupérer le sessionID renvoyé par l'opération connect() :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    private function connectResult(e:ResultEvent):void
    {
    	sessionID = String(XML(e.result).children()[0]);
    }

  7. #7
    Membre habitué Avatar de ToniConti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2009
    Messages
    245
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Communication - Médias

    Informations forums :
    Inscription : novembre 2009
    Messages : 245
    Points : 162
    Points
    162
    Par défaut Empêcher l'application d'être mise en cache par le navigateur.
    Cette solution suppose que l'application est déservie par un serveur IIS.

    - ouvrir IIS (outils administration/gestionnaire de service internet),
    - chercher le site ou le répertoire en question,
    - click droit (propriétés) et se rendre dans le quatrième onglet (http headers),
    - cocher activer l'expiration du contenu et choisir une des options proposées.

    Pour ma part j'ai opté pour "Expire immédiatement".

  8. #8
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    août 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2010
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Comment ajouter ou retirer des jours/mois/annees d'une Date ?
    Bonjour,
    N'ayant pas réussi a importer la classe utilitaire DateTimeFunc j'ai trouvé une autre méthode pour manipuler l'objet Date :


    On peut ajouter ou retirer facilement des jours mois ou années sur une date comme ceci :

    retirer 18 mois :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var maDate:Date = new Date();
    maDate["month"]-=18;
    Cela met à jour tous les champs de la date (date,month,fullYear,time...)
    (si on execute ce code aujourd'hui 24/08/2010, la date sera au 24/02/2009)


    ça marche également avec les jours et les années :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    maDate["date"]
    maDate["fullYear"]
    Si vous faites une rubrique sur les Date ça peut être utile

  9. #9
    Membre habitué
    Homme Profil pro
    Tech Lead
    Inscrit en
    novembre 2006
    Messages
    120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Tech Lead
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : novembre 2006
    Messages : 120
    Points : 169
    Points
    169
    Par défaut Framework Flex, MXML et AS3
    Compte tenu des confusions qu'il peut y avoir autour de ces différents termes, je me propose ici de faire la lumière sur les différentes définitions:

    Flex est un Framework Actionscript:
    Flex, n'est pas un langage de programmation, mais bien un framework. Au même titre que Zend pour PHP ou Spring pour Java.
    Qu'est ce que ça veut dire ?
    Cela veut dire que lorsque vous codez une application à l'aide de Flex, vous devez inscrire votre code dans des cycles de vie qui sont propres au Framework qui possède ces propres mécaniques et ces astuces.

    MXML est un dérivé XML de description d'application dans Flex:
    Le MXML vous permet de définir votre interface de manière plus "intuitive" mais lorsque vous compilez votre code pour qu'il soit exporté dans un swf (par exemple), votre MXML va être transformé en code Actionscript et c'est ce code qui sera dans le swf.
    La conséquence de ce prédicat est que tout ce vous faites en MXML est faisable en Actionscript.

    AS3 (Actionscript 3) est le langage de programmation de Flex:
    Comme Zend pour PHP, vous créer des classes en AS3 pour qu'elles soient utilisées par le Framework Flex.
    Ce langage est celui du lecteur flash et vous permet de manipuler à peut près tout ce que vous voulez dans votre application.

    J'espère avoir été le plus clair possible et aidé à la compréhension de ces différents termes.
    Si je vous poste un bout de code pour vous aider, prenez bien en compte que je n'ai pas testé ce que je vous poste et que je vous donne les grandes lignes.
    Donc ne me dites pas : "Ca marche pas ton truc, y a une erreur..."

  10. #10
    Membre émérite Avatar de Madfrix
    Profil pro
    Inscrit en
    juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : juin 2007
    Messages : 2 326
    Points : 2 566
    Points
    2 566
    Par défaut Comment ajuster l'alignement vertical d'un formItem ?
    Problème : il arrive fréquemment de redéfinir des composants à partir d'autres composants existants. Ces composants personnalisés peuvent redéfinir par exemple les propriétés minWidth ou minHeight qui vont parfois dans le cas d'un formItem engendrer une présentation du label ne nous convenant pas. En effet, le label associé à un formItem gardera toujours une position de centrage vertical de type "top" puisque la propriété verticalAlign n'est pas définie pour un formItem à la différence de la propriété horizontalAlign.

    Solution : étendre nous même le conteneur formItem et y adjoindre la propriété verticalAlign absente.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
            /* Importation de la classe FormItem qui va être étendue */
            import mx.containers.FormItem;
     
            /* Définition du nouveau style "verticalAlign" absent par défaut du formItem */
    	[Style(name="verticalAlign", type="String", inherit="no")]
     
    	public class MyFormItem extends FormItem
    	{
    		public function MyFormItem()
    		{
    			super();
    		}
     
                    /* redéfinition de la méthode updateDisplayList appelée pour définir la taille et la position des enfants du formItem et ajout d'un comportement spécifique lors de l'appel de la propriété "verticalAlign" */
    		override protected function updateDisplayList(w:Number, h:Number):void {
    			super.updateDisplayList(w, h);   
     
    			var verticalAlign:String = getStyle("verticalAlign");
     
    			if (verticalAlign == "middle") {   
    				itemLabel.y = Math.max(0, (h - itemLabel.height) / 2);
    			} else if (verticalAlign == "bottom") {
    				var padBottom:Number = getStyle("paddingBottom");
    				itemLabel.y = Math.max(0, h - itemLabel.height - padBottom);
    			}
     
    		}  
     
    	}

    Dorénavant, il est possible de centrer verticalement le label d'un formItem. Celui ci peut être placé en haut (top), au milieu (middle) ou au bas (bottom)

    Exemples :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    <mx:Form>
       <composants:MyFormItem label="un label en position top (défaut)">
          <s:TextArea />
       </composants:MyFormItem>
    </mx:Form>
     
    <mx:Form>
       <composants:MyFormItem label="un label en position centrée verticalement (middle)" verticalAlign="middle">
          <s:TextArea />
       </composants:MyFormItem>
    </mx:Form>
     
    <mx:Form>
       <composants:MyFormItem label="un label en position basse (bottom)" verticalAlign="bottom">
          <s:TextArea />
       </composants:MyFormItem>
    </mx:Form>
    Proposé par Madfrix
    Testé sous Flex 4

  11. #11
    Membre expérimenté

    Profil pro
    Inscrit en
    mai 2006
    Messages
    895
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2006
    Messages : 895
    Points : 1 710
    Points
    1 710
    Par défaut [Flex 3] Comment ajouter une image de fond sur mon application ?
    Dans Flex 3, l'objet application dispose d'une propriété backgroundImage.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml" target="_blank">http://www.adobe.com/2006/mxml</a>" layout="absolute" backgroundImage="monImage.jpg">
    </mx:Application>

    Si vous souhaitez embarquer l'image dans votre SWF, vous pouvez utiliser @Embed. Le chargement de l'image sera alors très rapide :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml" target="_blank">http://www.adobe.com/2006/mxml</a>" layout="absolute" backgroundImage="@Embed('monImage.jpg')">
    </mx:Application>

  12. #12
    Membre expérimenté

    Profil pro
    Inscrit en
    mai 2006
    Messages
    895
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2006
    Messages : 895
    Points : 1 710
    Points
    1 710
    Par défaut [Flex 4] Comment ajouter une image de fond sur mon application ?
    Pour ajouter une image en fond d'écran sur une application utilisant Spark (la nouvelle librairie graphique de Flex 4), il faut définir le skin (fichier MonSkin.mxml) de l'application, qui correspond à l'habillage :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <?xml version="1.0" encoding="utf-8"?>
    <s:Skin xmlns:fx="<a href="http://ns.adobe.com/mxml/2009" target="_blank">http://ns.adobe.com/mxml/2009</a>" 
            xmlns:s="library://<a href="http://ns.adobe.com/flex/spark" target="_blank">ns.adobe.com/flex/spark</a>" 
            xmlns:mx="library://<a href="http://ns.adobe.com/flex/mx" target="_blank">ns.adobe.com/flex/mx</a>">
        <!-- Définition du composant sur lequel est ciblé l'habillage -->
        <fx:Metadata>
            [HostComponent("spark.components.supportClasses.SkinnableComponent")]
        </fx:Metadata>
     
        <!-- Ajout des états disponibles pour cet habillage, ici normal et disabled. -->    
        <s:states>
            <s:State name="normal" />
            <s:State name="disabled" />
        </s:states>
     
        <!-- Insertion de l'image comme pour l'exemple avec Flex 3 vous pouvez utiliser @Embed pour embarquer l'image dans le SWF -->
        <s:BitmapImage source="monImage.jpg" />
     
        <!-- -->
        <s:Group id="contentGroup" width="100%" height="100%" />
     
    </s:Skin>
    Vous pourrez ensuite utiliser cet habillage dans votre application principale en précisant le skinClass à appliquer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                           xmlns:s="library://ns.adobe.com/flex/spark" 
                           xmlns:mx="library://ns.adobe.com/flex/mx" 
                           skinClass="custom.MonSkin" >
    </s:Application>

Discussions similaires

  1. [Dojo] Contribuez à la future faq Dojo
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 17
    Dernier message: 20/03/2014, 12h14
  2. [Flash] Contribuez ici à la FAQ Flash
    Par ellene dans le forum Contribuez
    Réponses: 15
    Dernier message: 02/10/2010, 23h43
  3. Réponses: 0
    Dernier message: 24/07/2010, 16h17
  4. Contribuez à la FAQ et aux CODES SOURCE XML
    Par Community Management dans le forum XML/XSL et SOAP
    Réponses: 12
    Dernier message: 21/04/2008, 20h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo