WebApps de Tizen Tizen 2.1 migrent vers 2.2

Récemment, l' Tizen SDK 2.2 disponible dans une version bêta. Pour la première fois sont pris en charge avec ce SDK et les boutons matériels tels que Retour ou Menu. Il est recommandé d'utiliser à la place de la touche logicielle précédente.

Mais cela s'avère être un peu plus difficile, au moins dans les WebApps.

Der autre code

Becquet,,en,Développer,,en,[effondrer],,en

$("# Page1. Ui-btn-back").lier("Cliquez sur", fonction() {
était currentApp = peine.demande.getCurrentApplication();
currentApp.quitter();
retour faux;
});

[collapse]

n'est pas émulé directement à partir des boutons matériels.

Par conséquent, vous avez vous-même un chemin d'un métier, mais aussi la proximité “naviguer retour” rendue possible par l'application. J'ai trouvé une solution relativement simple qui rend cela possible. Il est important que chaque page (data-role =”Page”) Id disponibles par le biais d'un unique.

Becquet,,en,Développer,,en,[effondrer],,en

<div data-role = "page" id = "page1">
	<div data-role = "header" données add-back-btn = "false">
		<h1>Page 1</h1>
	</ Div>
	<div data-role = "contenu">
		<h2>Accueil</h2>
		<p>Ceci est la page de démarrage par défaut</ P>
	<div>
	<div data-role = "footer">
		<h4>Footer (optionale)</h4>
	</ Div>
</ Div>

<div data-role = "page" id = "page2">
	<div data-role = "header" données add-back-btn = "false">
		<h1>Page 2</h1>
	</ Div>
	<div data-role = "contenu">
		<h2>Bienvenue à la page 2</h2>
		<p>Ceci est la page par défaut</ P>
	<div>
	<div data-role = "footer">
		<h4>Footer (optionale)</h4>
	</ Div>
</ Div>

[collapse]

L'identifiant sera utilisé plus tard pour aider à la fonction $. Mobile.activePage la page actuellement visible.

Becquet,,en,Développer,,en,[effondrer],,en

document.addEventListener(«Tizenhwkey ', fonction(et) {
était ActivePage = $.mobiles.ActivePage().attr('Id'); / / Lire la page en cours
commutateur(e.keyName)
{
	cas «Dos»:
		commutateur(ActivePage)
		{
			cas "Page1":
				peine.demande.getCurrentApplication().quitter();
				pause;
			défaut:
				parent.histoire.Retour();
				pause;
		}
		pause;
	cas 'Menu':
		commutateur(ActivePage)
		{
			cas "Page2":
				console.Connectez-vous(«Vous êtes» ActivePage);
				pause;
			défaut:
				/ / TODO: Faire quelque chose
				pause;
		}
	pause;
}});

[collapse]

Le code émulé avec le défaut de naviguer en arrière, il le fait toujours, si la page active n'est pas connu. Si vous voulez sur une page autre chose que “Retour” vous devez mettre en place simplement un cas pour elle. Avec l'exemple ci-dessus, l'application est fermée seulement en allant à page1 est situé. De même, il est avec le bouton de menu, le code est le même avec déjà dans le code.

Ce tutoriel ne fonctionne qu'avec le Web Framework Tizen!