Developper une bar de menu bas dans vos applications palmpreTutoriel
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
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 
Autres articles
Nouveau commentaire :
Actualités | Applications | Divers | Matériel | Test | Tutoriel | WebOS | Edito | DevCast |
webOSfrance : Des gants tactiles pour smartphone et tablette ... ça peut s'avérer utile.... http://t.co/RkW0kDP3
Vendredi 10 Février - 20:43
webOSfrance : Affaire : HP Pre 3 pour 210€ frais de port inclus (5 modèles restants : http://t.co/ivnvt1um screenshot http://t.co/MGNWOTD7
Vendredi 10 Février - 16:32
webOSfrance : Android pour TouchPad rendu open source par HP http://t.co/AOVvMfD7
Vendredi 10 Février - 12:09
webOSfrance : L’application Starter : vainqueur du weekly app hack ! : http://t.co/nxTA9KKo
Jeudi 9 Février - 23:36
Partenaires
|
|||||||
|
webOSfrance n'a aucun lien avec la société Hewlett Packard. Siret: 522 602 721 00014 - Dispensé d'immatriculation en application de l'article L 123-1-1 du code de commerce |
||||||||
AccessoWeb
Home
