webOSfrance, Palm Pre, Palm Pixi, TouchPad, HP Veer, et webOS


Developper une bar de menu bas dans vos applications palmpre

Tutoriel
Publié par Guy Gnakouri


Dans ce tuto je vais mettre en place dans mon application une bar de menu bas. Cette bar de menu bas sera composée d'un bouton suivant, d'un bouton précédent et d'un bouton tuto qui ouvre une boite de dialogue tuto. Le resultat obtenu
Developper une bar de menu bas dans vos applications palmpre

Je creer une nouvelle scene que j'appelle first voir ce tuto  
Dans le fichier First-assistants.js et dans ma fonction FirstAssistant.prototype.setup = function(), j'implémente mon menu bas avec Mojo.Menu.commandMenu

this.controller.setupWidget(Mojo.Menu.commandMenu,
       this.attributes = {
          spacerHeight: 0,
          menuClass: 'no-fade'
       },
       this.model = {
         visible: true,
         items: [ 
                { icon: "back", command: "do-Previous"},
                // ici je donne le chemin de mon icone
                                 { iconPath: "images/tuto.png", command: "do-home"},
                { icon: 'forward', command: 'do-Next'}
           ]
   });

Pour l'action du button je rajoute dans la fonction   StageAssistant.prototype.handleCommand  un case avec comme identifiant de lancement  do-home.

StageAssistant.prototype.handleCommand = function(event) {
this.controller=Mojo.Controller.stageController.activeScene();
if(event.type == Mojo.Event.command) {
switch(event.command) {
case 'do-home':
this.controller.showAlertDialog({
 onChoose: function(value) {},
           title: $L("Version 1.0"),
           message: $L("Tuto bar de menu bas"),
           choices:[
             {label:$L("OK"), value:""}
           ]
         });
//this.controller.pushScene("first2");
 break;
case 'do-myPrefs':
this.controller.pushScene('first2')

//this.controller.pushScene("first2");
 break;
}

Après le clique sur mon bouton tuto j'obtiens



Developper une bar de menu bas dans vos applications palmpre




1.Posté par F. le 05/10/2009 14:55
Développer (un L et 2 P) ... ;-)

Nouveau commentaire :
Facebook Twitter
B i u  QUOTE  URL

Actualités | Applications | Divers | Matériel | Test | Tutoriel | WebOS | Edito | DevCast





webOSfrance : webOS App Builder : Créer votre application #webOS facilement sans connaissance : http://t.co/rWDBiqbH sur #HP #touchpad
Mardi 15 Mai - 23:46
webOSfrance : Paramètres APN pour le réseau #Free Mobile avec #hp #webOS http://t.co/AayM5tBt
Lundi 14 Mai - 09:30
webOSfrance : MIse à jour #webOS 3.0.6 en vue http://t.co/cUS1RmrY #hp #touchpad
Dimanche 13 Mai - 12:35
webOSfrance : MIse à jour webOS 3.0.6 en vue http://t.co/cUS1RmrY
Samedi 12 Mai - 12:49
webOSfrance : HP va refaire des tablettes mais pas sous webOS http://t.co/rrMPItLf
Samedi 12 Mai - 12:34
webOSfrance : Communities : Le client forum pour #webOS sur #HP TouchPad http://t.co/DfCcdkbT
Mercredi 9 Mai - 12:29
webOSfrance : Nouvelle mise à jour de l'espace développeurs webOS http://t.co/EoOAPUUj
Mardi 8 Mai - 19:39
webOSfrance : Paramètres APN pour le réseau Free Mobile http://t.co/AayM5tBt #free #sfr #palm #pre3 #pixi
Lundi 7 Mai - 21:45












pour Acheter ou Louer rapidement !


Les autres sites du groupe : News-Mobiles, AccessOWeb et En 1 image
Siret: 522 602 721 00014 - Dispensé d'immatriculation en application de l'article L 123-1-1 du code de commerce