找回密码
 立即注册
查看: 2914|回复: 0

Tizen设备Gear S2如何使用边框滚动代码

[复制链接]
发表于 2015-9-22 22:01:50 | 显示全部楼层 |阅读模式
这是一个gear S2测试在Tizen SDK 2.3.1的示例代码。
  1. <div id="main" class="ui-page" data-enable-page-scroll="false" >
  2.                 <header class="ui-header">
  3.                         <h2 class="ui-title">SectionChanger</h2>
  4.                 </header>        
  5.             <div id="sectionchanger" class="ui-content">
  6.                       <!--Section changer has only one child-->
  7.                                       <div>
  8.                                          <section>
  9.                                             <h3>LEFT1 PAGE</h3>
  10.                                          </section>
  11.                                          <section class="section-active">
  12.                                             <h3>MAIN PAGE</h3>
  13.                                          </section>
  14.                                          <section>
  15.                                             <h3>RIGHT1 PAGE</h3>
  16.                                          </section>
  17.                                       </div>
  18.                    </div>
  19. </div>        

  20. var page = document.getElementById("main"),
  21. element = document.getElementById("sectionchanger"),
  22. sectionChanger, idx=1;

  23. page.addEventListener("pageshow", function() {
  24.    /* Create the SectionChanger object */
  25.    sectionChanger = tau.widget.SectionChanger(element, {
  26.       circular: true,
  27.       orientation: "horizontal",
  28.       useBouncingEffect: true
  29.    });
  30. });

  31. page.addEventListener("pagehide", function() {
  32.    /* Release the object */
  33.    sectionChanger.destroy();
  34. });


  35. document.addEventListener("rotarydetent", function(event){
  36. if (event.detail.direction === "CW") {
  37.                         sectionChanger.setActiveSection(sectionChanger.getActiveSectionIndex() + 1, 100);
  38.                 } else {
  39.                         sectionChanger.setActiveSection(sectionChanger.getActiveSectionIndex() - 1, 100);
  40.                 }
  41. }, false);
复制代码
欢迎来到泰泽网:http://www.tizennet.com/ 泰泽论坛:http://bbs.tizennet.com/ 好没有内涵哦,快到设置中更改这个无聊的签名吧!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|泰泽应用|泰泽论坛|泰泽网|小黑屋|Archiver|手机版|泰泽邮箱|泰泽网 ( 蜀ICP备13024062号-1 )

GMT+8, 2024-11-24 03:10 , Processed in 0.050497 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表