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

不属于

这是一个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. 
    
21. var page = document.getElementById("main"),
    
22. element = document.getElementById("sectionchanger"),
    
23. sectionChanger, idx=1;
    
24. 
    
25. page.addEventListener("pageshow", function() {
    
26.    /* Create the SectionChanger object */
    
27.    sectionChanger = tau.widget.SectionChanger(element, {
    
28.       circular: true,
    
29.       orientation: "horizontal",
    
30.       useBouncingEffect: true
    
31.    });
    
32. });
    
33. 
    
34. page.addEventListener("pagehide", function() {
    
35.    /* Release the object */
    
36.    sectionChanger.destroy();
    
37. });
    
38. 
    
39. 
    
40. document.addEventListener("rotarydetent", function(event){
    
41. if (event.detail.direction === "CW") {
    
42.                         sectionChanger.setActiveSection(sectionChanger.getActiveSectionIndex() + 1, 100);
    
43.                 } else {
    
44.                         sectionChanger.setActiveSection(sectionChanger.getActiveSectionIndex() - 1, 100);
    
45.                 }
    
46. }, false);
    

复制代码