Blog / flex
Share:
Comments: 7

Lancement d’alcooquizz

Nous avons été mandaté par le CHUV et son département d’alcoologie pour réaliser un site de prévention et d’information sur les risques liés à l’alcool nommé alcooquizz.ch.  Le site fonctionne comme un questionnaire qui permet à chaque personne d’évaluer sa situation par rapport à l’alcool.  Le diagnostique, à la fois personnalisé et anonyme, fournit des informations précises ainsi que des recommandations adaptées précisément à la situation de chacun.
Annoncé aujourd’hui par une conférence de presse, le site va faire l’objet d’une plus vaste campagne de communication, relayée notamment durant les divers festivals de l’été afin de sensibiliser sans stigmatiser ni culpabiliser.
La particularité de ce projet a été pour nous de bâtir tout un concept qui permette une certaine neutralité. Il fallait [...]

Share:
Comments: 0

Flex – Fade In, Fade Out Text

This one is a very small one but one that may proove usefull to more than one
I was recently playing around with flex, having fun fading in and out stuff when I realized that text components such as LABEL or TEXT where not very “fade friendly”. There was nothing special with my code, no special font or anything, so I googled a little and found out that you need to embed a font for it to be “fadable”, event if it is a system font.
Here is an example :

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”absolute”
[...]

Share:
Comments: 4

Le multilingue en Flex

Flex a tout ce qu’il faut pour gérer le multilingue de manière très simple et efficace. Mais cela demande tout de même à être mis en place puisque quelques subtilités existent.
Tout d’abord, vérifiez que vous avez les locales nécessaires au niveau du sdk (/Adobe Flex Builder 3/sdks/3.2.0/frameworks/locale/). Pour chaque locale, vous devez avoir un répertoire correspondant (par exemple en_US ou fr_FR). S’il vous en manque un, il suffit simplement de copier un des répertoires existants et de le renommer.
Pour commencer, il nous faut un fichier par langue pour y mettre les traductions nécessaires. Pour cela, il suffit de créer un répertoire locale/ dans votre répertoire src/ :

Dans ce répertoire locale/ vous devrez ensuite créer un répertoire pour chaque langue que [...]

Share:
Comments: 0

Flex – Play with pictures

Flex offers great functionalities to play around with the pictures you have in your application. I am far from being a design or photo expert but I did have fun modifying the pictures that were inside my latest flex app.
My particular issue was the following. We had a list of products, each of them having a related picture. Some of these products could be bought, others not yet so we wanted to display the later as “disabled”. In other words, we wanted a nice colorfull picture for some products and a grayscale picture for others but the only picture available to us was the colorfull one.
So we used the ColorMatrixFilter. Here is how :

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application
[...]

Share:
Comments: 0

A cool and flexible interface without images

I recently had to develop a small widget with round corners that needed to be resized in all directions. Coming from the web, my first approach was to create this application using images. This approach is possible but you need to cut your images and the specificity of the layout made it impossible to manage auto-resize.
Unsatisfied with this first approach, I looked for something else. I finally found that Flex offers a lot of possibilities allowing you to create cool layouts using only code. This makes global modifications to your application a lot easier to manage.
Here is a simple example that does not use one single image :

And here is the code

/*mxml file*/
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application
xmlns:mx=”http://www.adobe.com/2006/mxml”
[...]

Share:
Comments: 2

L’auto-update en Flex, c’est facile !

Quel bonheur de pouvoir mettre à jour son application sans se déplacer. C’est encore mieux lorsque ce genre de fonctionalité est facile à intégrer à son application. C’est justement le cas pour Flex et en voici la preuve.
Le principe
D’un côté, l’application AIR et de l’autre, le serveur sur lequel se trouve la nouvelle version de l’application AIR ainsi qu’un fichier update.xml qui décrit cette nouvelle version. Périodiquement, l’application AIR va vérifier sur le serveur la présence d’une nouvelle version et dans un tel cas, la télécharge et l’installe. Ainsi, mettre à jour un parc informatique devient simple et rapide.
L’application AIR
La première chose à faire est d’importer les librairies nécessaires à la mise à jour automatique :
import air.update.ApplicationUpdaterUI;
import air.update.events.UpdateEvent;
Ensuite, il vous faut [...]

Share:
Comments: 0

Une application AIR sans “window”

Envie de faire une application AIR sans l’emprisonner dans une fenêtre dont le style est géré par l’OS sur lequel tourne votre programme ? Voici quelques simples étapes à suivre pour libérer votre oeuvre.
1- Si votre application s’appelle “demo”, vous devez avoir un fichier qui se nomme : demo-app.xml. Ouvrez ce fichier et faites les modifications suivantes :

remplacez
<!– <systemChrome></systemChrome> –>
par
<systemChrome>none</systemChrome>
selon le look de votre application, il peut être intéressant de rendre le fond transparent. Pour cela, remplacez
<!– <transparent></transparent> –>
par
<transparent>true</transparent>

2- Il ne reste plus qu’à modifier votre fichier demo.mxml en rajoutant dans la balise <mx:WindowedApplication> l’attribut showFlexChrome=”false”

<mx:WindowedApplication showFlexChrome=”false”>

Voilà, c’est déjà fini. Vous pouvez maintenant laissez exprimer votre esprit artistique sans barrières

Avant
Après