scroll - 在 Gear s2 中使用边框滚动文本

Question

为Gear s2网络应用程序（Tizen）开发，如何使用挡板滚动只有文本的页面？

谢谢。

Answer 1

首先，您必须收听“rotarydetent”事件，例如：

document.addEventListener('rotarydetent', onRotarydetent); 
function onRotarydetent(ev) {
    var direction = ev.detail.direction;
    if(direction === "CW"){ // CW = clockwise; CCW = counterclockwise
        ... scroll down ... 
    } else {
        ... scrull up ...   
    }

}

所以现在滚动页面内容取决于如何构建您的网络应用程序。如果您使用 SDK 向导并且有一个包含 tau.js 的项目，那么如果您知道 tau 在每个页面周围添加一个滚动容器，那将很简单。现在你只需要找到滚动条并滚动它。使用 jQuery，它可能如下所示：

function onRotarydetent(ev) {
    var direction = ev.detail.direction,
        uiScroller = $('#pageid').find('.ui-scroller'),
        scrollPos = $(uiScroller).scrollTop();

    console.debug("onRotarydetent: " + direction);

    if(direction === "CW"){
        $(uiScroller).scrollTop(scrollPos + 100); // scroll down 100px
    } else {
        $(uiScroller).scrollTop(scrollPos - 100); // scroll up 100px
    }
}

Answer 2

查看Tizen 可穿戴 SDK 中提供的UIComponents示例应用程序。

您需要使用TAU 库来实现使用 Beezel 的文本滚动。

使用UI Components 应用程序创建一个新项目并将其安装在Gear s2 模拟器或原始硬件上。然后运行应用程序并单击第一个选项“标题”，其中包含您的用例，即可通过beezel滚动的纯文本。