Tizen Application native: Exemple d'application avec plusieurs éléments de texte

Question

Je suis complètement nouveau dans le développement de Tizen. Et j'ai besoin de développer une application native portable Tizen qui montre 3 vues de texte (1. pour le nombre de pas actuel, 2. vitesse, 3. pour la distance) dès que j'obtiens les valeurs des capteurs dont j'ai besoin pour assigner ces valeurs aux vues de texte . Actuellement, je suis en mesure d'obtenir des valeurs à partir de capteurs en utilisant:

function onchangedCB(pedometerdata) { 
    tizen.humanactivitymonitor.getHumanActivityData("PEDOMETER", onsuccessCB, onerrorCB); 
} 

tizen.humanactivitymonitor.start("PEDOMETER", onchangedCB); 

Mais coincé à la partie de l'interface utilisateur. J'ai essayé de trouver des échantillons de Tizen mais je ne l'ai pas trouvé. J'ai aussi essayé de lire leur documentation mais pas capable de concevoir une interface utilisateur simple.

Answer 1

Prenez un projet Tizen TAU Basic à partir du modèle Tizen Studio. Et utiliser ces codes

// index.html

<div class="ui-page ui-page-active" id="main"> 
     <header class="ui-header"> 
      <h2 class="ui-title">TAU Basic</h2> 
     </header> 
     <div class="ui-content content-padding"> 
      <div> 
       <span id="step"></span> 
      </div> 
      <div> 
       <span id="speed"></span> 
      </div> 
      <div> 
       <span id="distance"></span> 
      </div> 
     </div> 
    </div> 

// main.js

document.getElementById("step").innerHTML = "Step Count is 1100 "; 
document.getElementById("speed").innerHTML = "Speed is 98 KM/h "; 
document.getElementById("distance").innerHTML = "Distance covered 6.1 KM";