Tizenネイティブアプリケーション：複数のテキスト要素を持つサンプルアプリケーション

Question

私はTizenの開発に全く新しいです。そして私は、これらの値をテキストビューに割り当てるために必要なセンサから値を取得するとすぐに、3つのテキストビュー（現在のステップ数、2つの速度、3つの距離）を表示するTizenウェアラブルネイティブアプリケーションを開発する必要があります。現在、私はセンサから値を取得できます：

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

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

しかし、UIの部分で立ち往生しました。私はTizenからサンプルを見つけようとしましたが、見つけられませんでした。また、私は彼らのドキュメントを読んでみましたが、単純なUIを設計することはできませんでした。

Answer 1

Tizen StudioテンプレートからTizen TAU Basicプロジェクトを作成します。そして

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