Tizen Native Anwendung: Beispiel App mit mehreren Textelementen

Question

Ich bin komplett neu in Tizen Entwicklung. Und ich muss eine Tizen tragbare native Anwendung entwickeln, die 3 Textansichten anzeigt (1. für die aktuelle Schrittanzahl, 2. Geschwindigkeit, 3. für die Entfernung), sobald ich Werte von den Sensoren erhalte, die ich diesen Textansichten zuweisen muss . Momentan kann ich Werte von Sensoren erhalten mit:

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

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

Aber stecken auf UI Teil. Ich habe versucht, Proben von Tizen zu finden, konnte sie aber nicht finden. Auch ich habe versucht, ihre Dokumentation zu lesen, aber nicht in der Lage, einfache UI zu entwerfen.

Answer 1

Nehmen Sie ein Tizen TAU Basic-Projekt von Tizen Studio Vorlage. Und verwenden Sie diesen Code

// 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";