Question

我想在屏幕右侧创建一个滑动菜单，但我在互联网上找到的所有教程和链接都使用了带有navigationGroup的较旧的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;
}

希望这会有所帮助

适用于iOS的幻灯片菜单使用Alloy和最新的Titanium sdk

1 个答案: