Votre première application Android en 5 minutes avec Flex

Publié le 26/04/2011 Dans Programmation

1. Création du projet
2. » On code!
3. On lance!

On code!

On dispose maintenant d'une application de base: Test.mxml, ainsi qu'une première vue dans notre application: TestHomeView. Rien de très glamour, et le code n'est pas encore bien fourni.

images/articles/article9680/005.png

Sans devoir programmer l'emplacement des boutons, c'est un peu pour ça aussi qu'on utilise Flex Builder après tout, on clique sur "Design" et on passe en mode... Design! On rajoute un simple bouton en glissant le composant de la gauche et on peut ensuite modifier son texte via les propriétés comme dans les environnements visuels depuis 10 ans au moins.

images/articles/article9680/006.png

Pour un peu plus de "dynamisme", rajoutons une procédure evenement sur le bouton. Pour ce faire, commencez à écrire "click=" et l'éditeur vous proposera de générer la procédure complète. On rajoute un id au boutton ce qui n'est pas fait de base, et quand on clique sur le bouton on change le texte de celui-ci en "plop" via:

button1.label = "Plop!";

Le code de l'application jusqu'ici:

Code:

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
<fx:Script>
<![CDATA[
protected function button1_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
button1.label = "Plop!";
}
]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<s:Button x="189" y="273" width="100" label="Clic!" click="button1_clickHandler(event)" id="button1"/>
</s:View>