適用於iOS的滑動菜單使用合金與最新的鈦sdk

Question

我想創建一個滑動菜單在屏幕的右側，但我在互聯網上找到的所有教程和鏈接使用較老的sdks與導航組。 任何人都可以幫助我做出來嗎？

Answer 1

<Alloy> 
    <Window class="container" id="window"> 
     <Require type="view" src="menu" id="menu"></Require> 
     <View id="displayedView"> 
      <View id="topView"> 
       <View id="viewForBack" onClick="back"> 
        <ImageView id="backButton" > 
        </ImageView> 
       </View> 
       <Label id="headerLabel"> 
        Window Name 
       </Label> 
       <View id ="menuButtonView" onTouchstart="showMenu"> 
        <ImageView id="menuButton"> 
        </ImageView> 
       </View> 
      </View> 
     </View> 
    </Window> 
</Alloy> 

這是在這方面我們有主窗口需要側菜單視圖

<Alloy> 
    <View id="menu" > 

     // put the menu view design code here 

    </View> 
</Alloy> 

這個菜單視圖中創建第一，它是我們擁有的窗口的主視圖背後。 所有我們需要做的是滑動的頂視圖中創建滑動動畫

int menuPosition = 1; 

function showMenu() 
{ 
    if(menuPosition == 1) 
    { 
    var a = Ti.UI.createAnimation(); 
        a.left = "-100%"; 
        a.curve = Ti.UI.ANIMATION_CURVE_EASE_OUT; 
        a.duration = 500; 
        $.displayedView.animate(a); 
        a = null; 
        $.menuButton.zIndex = 1; 
    } 
    else 
    { 
    var a = Ti.UI.createAnimation(); 
        a.left = "0%"; 
        a.curve = Ti.UI.ANIMATION_CURVE_EASE_OUT; 
        a.duration = 500; 
        $.displayedView.animate(a); 
        a = null; 
        $.menuButton.zIndex = 1; 
    } 
    menuPosition = -menuPosition; 
} 

希望這有助於