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 : 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 : 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 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


