Tizen Native Application：具有多个文本元素的示例应用程序

Question

我对Tizen开发完全陌生。我需要开发一个Tizen可穿戴原生应用程序，只要我从传感器获取值，我需要将这些值分配给文本视图，这些应用程序显示3个文本视图（1。当前步数，2。速度，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";