Tizen 기본 응용 프로그램 : 여러 텍스트 요소가 포함 된 샘플 응용 프로그램

Question

Tizen 개발을 처음 접했습니다. 그리고 Tizen 웨어러블 네이티브 애플리케이션을 개발해야합니다.이 값을 텍스트 뷰에 할당해야하는 센서에서 값을 얻 자마자 3 단계의 텍스트 뷰 (1 단계, 2 단계, 3 단계, 3 단계)가 필요합니다. . 현재 센서에서 값을 가져올 수 있습니다.

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