Flexair

Comment faire  pour utiliser osmf avec flash  builder ( ce doit  être  pareil avec flex builder )

La premiére  methode   est de se rendre sur le site et  suivre  le lien du download, mais dans ce cas on aura la version 0.4.

Pour ma part j’ai plutot utilisé la version svn, je vous laisse le soin de choisir  votre soft svn selon votre environnement de travail.

Une fois le checkout effectué vous  aurez deux répertoires, tags et trunk. Tags correspond aux sprint sorte de preversion, trunk à la version en cours de dev.

Ouvrir flash builder, file -> import -> flash builder project, choisir project folder puis  parcourez votre ordinateur  pour aller dasn le rep trunk/apps/samples/framework/MediaPlayer, ainsi vous aurez  une lib MediaPlayer on revient dessus après.

Faire  la même chose pour  le MediaFramework mais cette fois  l’arborescence sera trunk/framework/MediaFramework.

Puis pour tester refaire  l’operation  et prendre  par exemple  trunk/apps/samples/framework/ExamplePlayer.

Puis  faire  un run sur ce projet, ça devrait fonctionner, au cas ou ce  ne serait pas le cas, vérifer les chemins des libs, click droit sur le projet -> properties, comme  j’ai merdu et fait mon installation en français, le menu que  je sélectionne maintenant est  “chemin de generation flex”, puis clicker l’onglet “chemin d’accès à  la bibliothèque” et  là supprimer les libs et refaire  ajouter un projet,  les  libs seront  disponibles il suffit de clicquer dessus , une  par une malheureusement.

Maintenant ça doit fonctionner….

Et voilá, après plus d’un an d’inactivité blogesque, je vais avoir un peu de temps  pour refaire des articles et surtout je vis  devoir dans le cadre d’un projet  en cour faire des tests sur les deux  nouveaux framework adobiens à savoir

OSMF : http://opensource.adobe.com/wiki/display/osmf/Open+Source+Media+Framework

et

TLF :  http://opensource.adobe.com/wiki/display/tlf/Text+Layout+Framework

Un petit truc qui  m’a fait enrager, peut être plus quand je l’ai trouvé que quand je le cherchais.

En mode design, lorsque l’on pose  un canvas sur la scène, apparait à droite ( chacun sa config mais là c’est de  base dans flex builder ), un formulaire d’édition du composant.

Ou l’on peut voir pour le canvas ( TODO  tester les autres ), un éditeur pour  les “corner radius”, super, il y a un slider c’est simple, je définie une valeur, et  … rien. Bien ce doit être parce que je suis en édition  je  lance le debug, toujours rien.

Après maints tripotages en tout genre, il s’avère qu’il faut  mettre des bordures qui sont par défauts à “none”, puis si on ne veut pas de bordures mais toujours des coins arrondis, définir l’épaisseur de celles-ci à 0.

C’est pratique et logique. Non  ?

Ce qu’on aime bien avec air c’est  le principe de l’application avec une forme personnalisée.

Jusque là pour faire ça j’utilisais le principe de  mettre une balise Application en lieu et place de WindowedApplication avec une feuille de style pour définir le background=”" et les bons  paramètres dans mon fichier app.xml et hop tout allait bien.

Mais dernièrement mon application n’apparaissait plus sur  les machines windows, elle était bien présente dans les processus mais c’est tout.

J’avais déjà eu ce genre de problème si un path de fichier n’était pas bon.

Mais pour cette fois c’est tout simplement ( après quelques heures de prise de tête quand même) un problème de balise.

Donc les solutions

Avec WindowedApplication

Dans la balise on peut  définir les propriétés

showGripper=”false”
showStatusBar=”false”
showTitleBar=”false”
borderStyle =”none”

ce  qui donne

<mx:WindowedApplication xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” showStatusBar=”false” showTitleBar=”false” showGripper=”false” borderStyle =”none”>

Toujours  avec la feuille de style

Application
{
background-color:”";
background-image:”";
padding: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

et  les propriétés dans le app.xml

<!– The type of system chrome to use (either “standard” or “none”). Optional. Default standard. –>
<systemChrome>none</systemChrome>

<!– Whether the window is transparent. Only applicable when systemChrome is false. Optional. Default false. –>
<transparent>true</transparent>

Cette solution si elle fonctionne, n’est quand même pas du plus belle effet car on a le temps de voir la  barre de titre  avant qu’elle ne disparaisse, même en définissant les propriétés dans  une fonction as lancée sur “l’initialize”.

Seconde solution ( on garde le meilleur  pour la fin c’est comme ça).

On utilise la balise Application et sur le creationComplete ou applicationComplete on appelle une fonction ici  “init()”

private function init():void{

win = this.systemManager.stage.nativeWindow;  // Win sera donc  notre application
//    win.width = 900;   // On peut les forcer ou les récuperer
//    win.height = 780;

// On centre notre application en définissant le x ( largeur ecran - largeur application ) / 2   idem pour le y

var upperLeft:Point = new Point( (flash.system.Capabilities.screenResolutionX - win.width)/2, (flash.system.Capabilities.screenResolutionY - win.height)/2);

// on défini les limites de notre application
win.bounds = new Rectangle(upperLeft.x, upperLeft.y, win.width, win.height);

//    win.alwaysInFront = true;  // On peut la  scotcher devant si on veut

Application.application.visible = true; // On la rends visible
win.activate();        // On l active

// Et on est content
}

Touver par le plus grand des hasard.

Quand on est dans space pomme + c, ramène toutes les fenêtres d’application sur le bureau 1.

Voilà

Ce serait bien de le savoir :).

Bon j’avoue tout, je suis parti de France, loin, pas si loin, mais suffisamment pour qu’un petit apéro Flex devienne compliqué.

Et je regrette ces petites rencontres entre flexeurs - flasheurs - airtistes ( j’y tiens ). Et j’aimerais bien faire la même chose près de chez moi, alors pour trouver des gens et que vous puissiez trouver des gens près de chez vous.

Read more »

Juste une petite vidéo

http://view.break.com/487616 - Watch more free videos

Cet article est une traduction, adaptation de http://www.madeinflex.com/2008/04/10/shortcuts-shortcuts-shortcuts/#more-657

MadeInFlex est le portail du user group flex espagnol.

ctrl + shift + R: Ouvre une fenetre de recherche qui permet de trouver n’importe quelle classe du projet en cours, sans se soucier du package ni du dossier dans lequel elle serait. Il est également possible d’utiliser le wildcard (*) si on ne se souvient pas du nom exact de ce que l’on cherche.

ctrl + shitf + T: Même chose que la fonction précédente, mais permet de trouver une classe du SDK ou de n’importe quelle librairie référencé dans le projet. Très utile pour naviguer dans le SDK.

ctrl + click / pomme + click: En maintenant la touche ctrl / pomme enfoncée et en déplacant la souris au dessus du code, vous verrez les elements soulignés. En cliquant dessus vous vous retrouverez sur la définition de cet élément si c’est une variable, sur le fichier de classe si c’est une classe.

ctrl + shift + c / pomme + shift + c: Si vous avez un bloc de texte séléctionné et que vous faites cette combinaison de touche le code se retrouve en commentaire, refaire la manipulation pour le décommenter.

ctrl + shift + / / ( ne fonctionne pas sur un mac portable): Idem que précédemment mais en commentant chaque ligne.

ctrl + espace / ctrl + espace: Si vous êtes en train d’écrire le nom d’une variable, d’une méthode ou d’une classe et que vous faites cette combinaison, vous verrez apparaitre les options possibles. Si il n’y a qu’une option elle s’autocompletera automatiquement. Si c’est une classee et si c’est nécessaire, l’ “import” se fera automatiquement. Si vous faites cette combinaison lors de l’ajout d’un package les possibilités suivantes vous seront proposées.

ctrl + shift + espace / pomme + shift + espace: Avec le curseur, si vous êtes en train d’écrire une methode, vous verrez apparaitre le nom de la méthode que vous êtes en train ‘dappeller . De cette façon vous verrez les propriétes et leur type et le type de retour..

shift + F2 / (ne fonctionne pas sur un mac portable): Si vous avez une propriété, une méthode ou une classe sélectionnée la documentation contextuelle de l’élément s’ouvrira.

ctrl + alt + g: Avec le curseur sur une methode, nous montre les références depuis les autres classes, je n’ai pas trouvé la correpondance sur mac.

ctrl + o / pomme + o: Lors de l’édition d’une classe, ouvre la fenetre Outline en menu contextuel.

ctrl + shift + D / pomme + shift + D: Ajoute un bloc CDATA ( ne fonctionne que lors de l’édition d’un fichier mxml).

ctrl + f / pomme + f : Ouvre la fénetre de chercher / remplacer.

ctrl + j: Idem que la précedente sans ouvrir de fenetre. Ne fonctionne pas sur mac à première vue

ctrl + k / pomme + k: Sélectionné un mot et faire la combinaison, le cursur se place sur l’occurence suivante.

ctrl + shift + k / pomme + shift + k: Idem que la précédente mais se place sur l’occurence précédente.

Mark ocurrences: Ce n’est pas un raccourcis, c’est une option de flex builder, si elle est activée toutes les occurences de l’élément sélectionné seront surlignées, on aura aussi des repères sur le coté droit de l’éditeur, cette option peut ralentir l’éditeur si il y a un grnd nombre d’occurence de l’élément dans le script.

ctrl + d / pomme + d: Supprime la ligne en cours. Fonctionne aussi avec un bloc.

ctrl + alt + {UP_ARROW | DOWN_ARROW} / pomme + alt + {UP_ARROW | DOWN_ARROW}: duplique la ligne en cours dans le sens de la flèche.

alt + {UP_ARROW | DOWN_ARROW}: Bouge la ligne en cours dans le sens de la flèche, fonctionne aussi avec un bloc de code.

ctrl + F11 / pomme + F11: Lance en mode debug l’application en cours.

ctrl + shift + F11 / pomme + shift + F11: Lance en mode run l’application en cours.

ctrl + b / pomme + b: Si vous avez la compilation automatique activée (non recommandé) compile le code.

ctrl + alt + r / pomme + alt + r: Selectionnez une variable, une méthode, ou une classe, une fenêtre s’ouvre pour modifier le nom de cet élément puis valider. Ceci lance une refactorisation dans tout le projet.

ctrl + alt + [LEFT_ARROW | RIGHT_ARROW] / pomme + alt + [LEFT_ARROW | RIGHT_ARROW] : Quand on édite du code entre plusieurs fichiers, ce raccourci permet d’aller au point précédent ou suivant que l’on éditait, l’une des plus pratique pour moi :).

ctrl + w / pomme + w: Ferme le fichier en cours.

ctrl + shift + w / pomme + shift + w: Ferme tous les fichiers en cours.

ctrl + g / pomme + g: Cherche toutes les déclarations du type qui se trouve sous le curseur.

ctrl + shift + g / pomme +shift + g : Chercche toutes les références de l’élément qui se trouve sous le curseur.

ctrl + m / pomme + m : Maximise l’editeur qui a le focus.

ctrl + L / pomme + L: Va à la ligne indiquée.

ctrl + tab / ctrl + tab: permet d’aller dans un autre des fichiers en cour d’édition, attention sur mac pomme + tab, permet la navigation entre les applications ouvertes.

ctrl + shift + b / pomme + shift + b: Ajoute un break point sur la ligne en cours.

shit + enter: Ajoute une ligne sous la ligne en cours et y place le curseur (respecte l’indentation).

ctrl + shift + enter / pomme + shift + enter: Idem que la précédente mais au dessus.

tab : indente la ligne ou le code selectionné.

tab + shift : désindente ( barbarisme ) la ligne ou le code sélectionné

Si un raccourci ne fonctionne pas ou ne vous convient pas, vous pouvez le modifier dans le panneau des préférences de Flex Builder dans la section “keys”.
lesquels utilisez-vous ?

Encore merci à Xavi Beumala

C’est l’histoire du workaround ( ça c’est un terme qui fait pro non ?), qui en appelle un autre parce que sinon la vie du développeur elle serait monotone.

La petite histoire, AIR c’est bien ça lit les pdfs, mais pas si l’appli a un fond transparent, dommage …..
Ok, pas de problème pour les pdfs on fait un petit composant, à base de windows, vite fait qui utilise un sytemeChrome standard et le tour est joué, c’est pas ce qu’il y a de plus beau mais au moins l’application reste sur fond transparent et joue les pdfs.

Donc on est content, on double click sur l’élémént de la datagrid et hop, la petite fenêtre s’ouvre et le pdf est dedans, et maintenant si je veux positionner la fenêtre, facile c’est un composant donc monComposant.x = 110 ( par exemple )…. et non !!

Là c’est uniquement le contenu de la fenêtre qui se déplace, p’tin c’est con.

Mais comme toujours, il y a une solution. Il faut définir la position de la nouvelle fenêtre par rapport à l’application entière, ce qui a pour conséquence assez étrange de positionner cette nouvelle fenetre non pas par rapport à la taille de l’application, mais plutôt la taille de l’écran.

var viewer:PdfViewer = new PdfViewer();
viewer.open();
viewer.nativeWindow.x = stage.nativeWindow.x + (stage.nativeWindow.width - 400) / 2;

viewer est donc  mon composant window et  pour le positionner au milieu de mon application dans  l’exemple ci dessus,  je dois définir sa position  avec  viewer.nativeWindow.x et non pas viewer.x  comme la logique aurait pu le  laisser penser.

Le scoop

La version alpha de  AIR pour linux sort demain 

C’est un annonce direct live du european AIR Tour.