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

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






















Créer une app


Les autres sites du groupe : News-Mobiles, AccessOWeb et En 1 image
Retrouvez l'actualité de l'iPhone 5S de l'iPad Mini et du Samsung Galaxy S4